/* Media Query */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap");
.container {
  max-width: 100%;
}
@media (max-width: 991.98px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .container {
    width: 100%;
  }
}

/* Complete Webiste Font */
:root {
  --wc-font-size: 17;
  --wc-base-lineHeight: 1.77;
  --wc-mobile-font-size: 16px;
  --wc-font-color: #646464;
  --wc-heading-font-family1: muli, sans-serif;
  --wc-heading-font-family2: muli, sans-serif;
  --wc-font-family: muli, sans-serif;
  --wc-fs-heading1: 45;
  --wc-fs-heading2: 40;
  --wc-fs-heading3: 35;
  --wc-fs-heading4: 25;
  --wc-fs-heading5: 23;
  --wc-fs-heading6: 20;
  --wc-headingLineHeight: 1.2;
  --wc-h-margin: 1rem;
  --heading-color1: var(--dark-color);
  --heading-color2: var(--dark-color);
  --heading-color3: var(--dark-color);
  --heading-color4: var(--dark-color);
  --heading-color5: var(--dark-color);
  --heading-color6: var(--dark-color)9;
  --accordion-headbg-color: rgba(238,241,234, 0.5);
  --accordion-headtext-color: #5B7F95;
  --accordion-headbg-hover-color: #5B7F95;
  --accordion-headtext-hover-color: #fff;
  --primary-color: #4F758A;
  --primary-color-hover: #304f5f;
  --secondary-color: #ccc;
  --secondary-color-hover: #ccc;
  --table-thead-color: rgb(238,241,234);
  --table-th-color: #131314;
  --bg-text-color: #fff;
  --white-color: #fff;
  --borderRadius: 5px;
  --BtnborderRadius: 5px;
  --btn-text-color: #fff;
  --btn-text-hover: #fff;
  --btn-danger: #FF0000;
  --field-height: 50;
  --field-width: 35px;
  --wc-body-bg: rgba(253,251,248, 1);
  --wc-overlay-bg: rgba(0,89,131, 0.5);
  --wc-border-color: rgba(233,233,233, 1);
  --list-icon: "";
  --link-icon: "";
  --arrow-icon-down: "";
  --arrow-icon-up: "";
  --arrow-icon-up-01: "";
  --arrow-icon-left: "";
  --arrow-icon-right: "";
  --email-icon: "";
  --phone-icon: "";
  --calendar-icon: "";
  --clock-icon: "";
  --location-icon: "";
  --plus-icon: "";
  --plus-icon-1: "";
  --minus-icon: "";
  --minus-icon-1: "";
  --disable-icon: "";
  --meeting-icon: "";
  --reminder-icon: "";
  --repeat-icon: "";
  --help-icon: "";
  --member-icon: "";
  --hash-icon: "";
  --search-icon: "";
  --check-icon: "";
  --check-icon-01: "";
  --close-icon: "";
  --close-icon-1: "";
  --upload-icon: "";
  --address-icon: "";
  --trash-icon: "";
  --edit-icon: "";
  --fontawesome-family: "Font Awesome 5 Free";
  --sliderArrow-bg: #fff;
  --sliderArrow-width: 50px;
  --sliderArrow-height: 50px;
  --card-body-padding: 0.726vw;
  --container-padding: 0 7.594rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  :root {
    --container-padding:0 6.54%;
  }
}
@media (max-width: 1199.98px) {
  :root {
    --container-padding:0 50px;
  }
}
@media (max-width: 991.98px) {
  :root {
    --container-padding:0 30px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --container-padding:0 25px;
  }
}
@media (max-width: 374.98px) {
  :root {
    --container-padding:0 20px;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  :root {
    --4k-ratio: 22;
  }
}

.portlet-title-text {
  display: none !important;
}

/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
/**
 * @deprecated As of Mueller (7.2.x)
 */
.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0;
}

@font-face {
  font-family: "NexaBold";
  src: url(../fonts/NexaBold.eot);
  src: url(../fonts/NexaBold.eot?#iefix) format("embedded-opentype"), url(../fonts/NexaBold.otf) format("otf"), url(../fonts/NexaBold.svg#NexaBold) format("svg"), url(../fonts/NexaBold.ttf) format("truetype"), url(../fonts/NexaBold.woff) format("woff"), url(../fonts/NexaBold.woff2) format("woff2");
}
/** Generated by FG **/
@font-face {
  font-family: "Conv_CALGARY";
  src: url("../fonts/CALGARY.eot");
  src: local("☺"), url("../fonts/CALGARY.woff") format("woff"), url("../fonts/CALGARY.ttf") format("truetype"), url("../fonts/CALGARY.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.loadingmask-message {
  background: transparent;
  border-width: 0;
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 1em;
}
.loadingmask-message .loadingmask-message-content {
  -webkit-animation: loading-animation 1.2s infinite ease-out;
  animation: loading-animation 1.2s infinite ease-out;
  background: transparent;
  border-radius: 50%;
  border-width: 0;
  clear: both;
  color: transparent;
  height: 1em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 1em;
}

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%;
}

/* ---------- Separator ---------- */
.separator {
  border-top: 1px solid #cdced9;
}

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent;
}

span.alert {
  display: inline-block;
}

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left;
}

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000;
}
.quick-access-nav a {
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  border: 1px solid #fff;
  left: 0;
  outline: none;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: center;
}
.quick-access-nav a:focus {
  color: #fff;
  top: 1000px;
}

@media (max-width: 991.98px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%;
  }
  .responsive-table-horizontal:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .responsive-table-horizontal tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .responsive-table-horizontal tbody tr td {
    display: block;
    margin-bottom: 20px;
  }
  .responsive-table-horizontal tbody tr td:first-child {
    text-align: left;
  }
  .responsive-table-horizontal thead {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .responsive-table-horizontal thead:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal thead th {
    display: block;
    margin-bottom: 20px;
    text-align: right;
  }
  .responsive-table-horizontal thead th:first-child {
    text-align: right;
  }
  .ie9 .responsive-table-horizontal thead {
    float: none;
  }
}
.important {
  font-weight: bold;
}

.highlight {
  background: #ffc;
  font-weight: bold;
  margin: 0 1px;
}

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important;
}

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important;
}

.unselectable,
.unselectable * {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  background: transparent;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  background: transparent;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  border-color: #a6a6a6;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}

.lfr-asset-category-container .no-matches {
  color: #999;
}

.lfr-asset-category-search-container {
  background-color: #d3dadd;
  border-bottom-color: #aeb8bc;
}

.lfr-asset-category-list a.selected {
  background-color: #eee;
}

.lfr-categories-selector-search-results-path {
  color: #575757;
  font-size: 0.9em;
  text-align: right;
  width: 25%;
}

.lfr-asset-column-actions-content {
  background-color: #d7f1ff;
}

.lfr-asset-column-actions .lfr-asset-column-actions-content {
  border-color: #88c5d9;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right-color: #999;
  color: #999;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}

.lfr-asset-panels .lfr-panel.lfr-extended,
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border-color: #ccc;
}

.lfr-form-row {
  border-bottom-color: #ccc;
}

.lfr-form-row:hover {
  border-bottom-color: #ccc;
}

.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
}

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
  background-color: #fff;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::-webkit-input-placeholder {
  color: #a7a9bc;
  font-style: italic;
}
.form-control-inline:-ms-input-placeholder {
  color: #a7a9bc;
  font-style: italic;
}
.form-control-inline::-ms-input-placeholder {
  color: #a7a9bc;
  font-style: italic;
}
.form-control-inline::placeholder {
  color: #a7a9bc;
  font-style: italic;
}

.definition-of-terms dt {
  color: #333;
  font-weight: normal;
  width: 100%;
  word-break: break-word;
}
@media (min-width: 576px) {
  .definition-of-terms dt {
    width: auto;
  }
}

.lfr-code {
  background: #fff;
  border-color: #777;
  font-family: monospace;
}
.lfr-code tr td.line-numbers {
  background: #fafafa;
}
.lfr-code tr td.line-numbers:before {
  color: #aaa;
  text-shadow: 1px 1px #fff;
}

.popup-alert-notice .countdown-timer {
  font-size: 1.1em;
  font-weight: bold;
}

.lfr-token {
  background-color: #b3daef;
  border-color: #5fa8ff;
  color: #444;
  text-decoration: none;
}
.lfr-token:hover {
  background-color: #d1e5ef;
}

.lfr-token-primary {
  font-weight: bold;
}
.lfr-token-primary, .lfr-token-primary:hover {
  background-color: #b3daef;
}

.lfr-token-close:hover {
  text-decoration: none;
}

.lfr-button {
  background: no-repeat 0 50%;
}

.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-checkbox-preselected {
  opacity: 0.5;
}

.lfr-header-row {
  border-bottom-color: #7b7b7b;
}
.lfr-header-row .lfr-search-combobox {
  border-color: #5f5f5f;
}

.openid-login input[type=text] {
  background: url(../images/common/openid.gif) no-repeat;
  background-color: #fff;
  background-position: 0 50%;
  color: #000;
}

.page-extra-settings .lfr-panel-titlebar .lfr-panel-title {
  font-size: 1em;
}

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  color: #333;
  font-weight: normal;
}

.lfr-panel.lfr-extended,
.lfr-panel-container,
.lfr-floating-container {
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}

.lfr-panel-container,
.lfr-floating-container {
  background: #fff;
}

.lfr-panel-titlebar .lfr-panel-title {
  font-size: 1.2em;
  font-weight: bold;
}
.lfr-panel-titlebar .lfr-panel-button {
  background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0;
}
.lfr-panel-titlebar .lfr-panel-button:hover {
  background-position: 0 100%;
}

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
  background: url(../images/arrows/05_down.png) no-repeat 2px 50%;
}
.lfr-panel.lfr-collapsed .lfr-panel-titlebar {
  background-image: url(../images/arrows/05_right.png);
}
.lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
  background-image: url(../images/application/panel_header_toggler_open.png);
}
.lfr-panel.lfr-extended .lfr-panel-titlebar {
  background: #d6d6d6 url(../images/application/panel_header.png) repeat-x 0 0;
  border-bottom-color: #cdcdcd;
}

.lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar {
  border-top-color: #cecece;
}

.js .lfr-floating-trigger {
  background-image: url(../images/arrows/05_down.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none;
}

.lfr-panel-page .panel-page-content {
  border-left-color: #ccc;
}
.lfr-panel-page .lfr-add-content h2 {
  border-color: #ccc;
}
.lfr-panel-page .lfr-add-content h2 span {
  background: #efefef;
}
.lfr-panel-page .lfr-add-content .lfr-content-category h2 {
  border-bottom-color: #ccc;
}
.lfr-panel-page .lfr-add-content .lfr-content-category h2 span {
  background: none;
}

.lfr-panel-content .paginator-container {
  background: #cfd2d5;
  border-bottom-color: #dcdee0;
  border-top-color: #dcdee0;
}
.lfr-panel-content .paginator-page-container .paginator-page-link {
  background: none;
  border-color: #cfd2d5;
}
.lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page {
  background: #99a7b3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0;
  border-color: #6b7785 #7c8994 #919fa9;
  color: #fff;
  font-weight: bold;
}
.lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover {
  background: #5094d7 url(../images/application/current_page_bg.png) repeat-x 0 0;
  border-color: #31659c #396ea8 #4c8ccb;
}

#portlet-set-properties fieldset fieldset legend {
  font-size: 1.1em;
}

.lfr-preview-file-content {
  border-bottom-color: #6d6d6e;
}

.lfr-preview-file-image-current-column,
.lfr-preview-file-video-current-column {
  background: url(../images/common/checkerboard.png);
}

.lfr-preview-file-toolbar {
  background: #333;
  opacity: 0.5;
}
.lfr-preview-file-toolbar .icon-arrow-1-l {
  background: url(../images/document_library/preview_left.png) no-repeat 0 50%;
}
.lfr-preview-file-toolbar .icon-arrow-1-r {
  background: url(../images/document_library/preview_right.png) no-repeat 0 50%;
}
.lfr-preview-file-toolbar .icon-zoomin {
  background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%;
}

.lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar {
  opacity: 1;
}

.lfr-preview-file-info {
  background: #333;
  color: #fff;
  opacity: 0.5;
}
.lfr-preview-file-info:hover {
  opacity: 1;
}

.lfr-preview-file-index {
  font-weight: bold;
}

.lfr-preview-file-image-current {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
}

.lfr-preview-file-image img {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  border-color: #aeb8bc;
}

.lfr-preview-file-image-selected img,
.lfr-preview-file-image:hover img {
  border-color: #00a2ea;
}

.lfr-preview-file-loading-indicator {
  background: #333;
  color: #fff;
}

.lfr-preview-file-image-overlay-content {
  background: url(../images/common/checkerboard.png);
  border-color: #555;
}

.firefox .lfr-preview-video-content div.video-node {
  height: 100%;
}

textarea.lfr-editor-textarea {
  font-family: monospace;
}

.lfr-rich-editor.ace_editor {
  border-color: #a1a2a4;
}

.lfr-plain-editor textarea,
.lfr-rich-editor.ace_editor {
  font-family: "Monaco", "Menlo", "Droid Sans Mono", "Courier New", monospace;
  font-size: 12px;
}

.sidebar-sm {
  font-size: 0.875rem;
}
.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-group {
  margin-bottom: 1rem;
}
.sidebar-sm .form-control {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  min-height: auto;
  padding: 0.25rem 0.75rem;
}
.sidebar-sm .form-control.form-control-tag-group {
  height: auto;
}
.sidebar-sm .form-control.form-control-tag-group .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.sidebar-sm .form-control.form-control-tag-group .label {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm select.form-control:not([size]) {
  height: 2rem;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled) {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.15;
  padding: 0.4375rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled).close {
  padding: 0.4375rem;
}
.sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm {
  height: 2rem;
  padding: 0.1875rem 0;
  width: 2rem;
}
.sidebar-sm .input-group-item .input-group-text {
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sidebar-sm .input-group-item .btn .btn-section {
  font-size: 0.5625rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-spa-loading-bar {
  background: #2fa4f5;
}

.lfr-tag-selector-popup label {
  border-bottom-color: #eee;
}
.lfr-tag-selector-popup .no-matches {
  color: #999;
}

.lfr-toolbar {
  background-color: #e5e4e8;
}
.lfr-toolbar .lfr-button:focus {
  border-color: #000;
}
.lfr-toolbar .lfr-button:hover {
  border-color: #ccc #777 #777;
}
.lfr-toolbar .lfr-separator {
  border-left-color: #fff;
  border-right-color: #ccc;
  font-size: 12px;
}

.lfr-toolbar .lfr-button,
.lfr-emoticon-container .lfr-button {
  border-color: #e5e4e8;
}

.lfr-emoticon-container {
  background: #e5e4e8;
  border-color: #ccc;
}

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}

.lfr-tree a {
  text-decoration: none;
}

.tree-drag-helper {
  z-index: 1035;
}

.lfr-upload-container .upload-target {
  border-color: #ddd;
}
.lfr-upload-container .upload-target h4 span {
  text-transform: lowercase;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.lfr-upload-container a.browse-button {
  background-image: url(../images/common/add.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}
.lfr-upload-container a.clear-uploads {
  background-image: url(../images/common/remove.png);
  background-repeat: no-repeat;
}
.lfr-upload-container a.cancel-uploads {
  background-image: url(../images/common/close.png);
  background-repeat: no-repeat;
}
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #869cad;
}
.lfr-upload-container .delete-button {
  color: #869cad;
}
.lfr-upload-container .file-added .success-message {
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #fdd url(../images/messages/error.png) no-repeat 5px 5px;
  border-color: #900;
  color: #900;
  font-weight: normal;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
}
.lfr-upload-container .file-uploading {
  background-color: #ffc;
}
.lfr-upload-container .progress-bar {
  background: #fff;
  margin-top: 25px;
  text-align: left;
  width: 100%;
}
.lfr-upload-container .progress {
  background: #8db2e3;
}

.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #ddedde;
  border-color: #7d7;
  border-style: dashed;
}

/* ---------- Input file ---------- */
/* ---------- Table ---------- */
.app-view-entry:hover .entry-thumbnail {
  border-color: #7abfdd;
}
.app-view-entry.selected .entry-thumbnail {
  border-color: #057cb0;
}
.app-view-entry.selected .entry-metadata dt,
.app-view-entry.selected .entry-metadata dd,
.app-view-entry.selected .entry-metadata .entry-categories,
.app-view-entry.selected .entry-metadata .entry-tags,
.app-view-entry.selected .entry-metadata .entry-description {
  color: #f0f0f0;
}
.app-view-entry .entry-title {
  font-weight: bold;
}
.app-view-entry .entry-link {
  text-decoration: none;
}
.app-view-entry .entry-metadata dt,
.app-view-entry .entry-metadata dd,
.app-view-entry .entry-metadata .entry-categories,
.app-view-entry .entry-metadata .entry-tags,
.app-view-entry .entry-metadata .entry-description {
  color: #333;
  word-wrap: break-word;
}
.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
  font-weight: bold;
}
.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
  font-weight: normal;
}
.app-view-entry.selected, .app-view-entry.selected:hover {
  background-color: #00a2ea;
}
.app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover {
  color: #fff;
}
.app-view-entry.selected a .lfr-icon-menu-arrow {
  color: #333;
}
.app-view-entry.active-area, .app-view-entry.active-area.hover, .app-view-entry.active-area td {
  background-color: #5ad300;
}
.app-view-entry:hover, .app-view-entry.hover {
  background-color: #d3e8f1;
}
.app-view-entry a.entry-link:hover {
  text-decoration: none;
}
.app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
  text-decoration: underline;
}

.app-view-entry-taglib.entry-display-style.display-icon .entry-title {
  font-weight: normal;
}

.app-view-search-entry-taglib .entry-discussion a,
.app-view-search-entry-taglib .entry-attachment a {
  text-decoration: none;
}
.app-view-search-entry-taglib .entry-discussion:hover,
.app-view-search-entry-taglib .entry-attachment:hover {
  background-color: #d3e8f1;
}
.app-view-search-entry-taglib .entry-folder {
  color: #999;
}
.app-view-search-entry-taglib .entry-link .entry-thumbnail-image {
  color: #000;
  text-decoration: none;
}
.app-view-search-entry-taglib.alt {
  background-color: #edf0f3;
}
.app-view-search-entry-taglib.search {
  background-color: #fff;
}
.app-view-search-entry-taglib.search.alt {
  background-color: #e2e5e8;
}

.app-view-taglib .display-style .icon {
  background-image: url(../images/application/layouts.png);
  background-repeat: no-repeat;
}
.app-view-taglib .icon-display-descriptive {
  background-position: -32px 0;
}
.app-view-taglib .icon-display-icon {
  background-position: -16px 0;
}
.app-view-taglib .icon-display-list {
  background-position: 0 0;
}
.app-view-taglib .state-active .icon-display-descriptive {
  background-position: -32px 100%;
}
.app-view-taglib .state-active .icon-display-icon {
  background-position: -16px 100%;
}

@media (max-width: 767.98px) {
  .navbar .nav-display-style-buttons .display-style-buttons > .dropdown > .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
  }
}
.navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret {
  border-bottom-color: #333;
  border-top-color: #333;
}

.taglib-asset-metadata .metadata-entry-label {
  font-weight: normal;
}
.taglib-asset-metadata .metadata-author {
  font-weight: bold;
}
.taglib-asset-metadata .metadata-entry {
  color: #999;
}
.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  color: #009ae5;
  font-size: 14px;
  line-height: 14px;
}
.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8c8c8c;
  font-size: 13px;
}

.taglib-calendar table {
  border-color: #999;
}
.taglib-calendar tr th,
.taglib-calendar tr td {
  border-bottom-color: #999;
}
.taglib-calendar tr.portlet-section-header th,
.taglib-calendar tr td {
  border-color: #999;
}
.taglib-calendar a:hover,
.taglib-calendar a:focus {
  background-color: #ccc;
}
.taglib-calendar .calendar-inactive {
  color: #999;
}
.taglib-calendar .has-events a span {
  background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%;
}
.taglib-calendar .has-events.calendar-current-day a span {
  background-image: url(../images/calendar/event_indicator_current.png);
}

.cal-golf-btn {
  padding: 5px 25px !important;
  line-height: 1.42857143 !important;
  border-radius: 5px !important;
}

.toolbar-content .ersg-close-btn {
  color: white;
  background-color: #ff4967 !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4967), to(#ff4967)) !important;
}

.toolbar-content .cal-golf-btn {
  margin-left: 5px !important;
}

.toolbar-content .ersg-register-btn {
  color: white;
  background-color: #0d1f34 !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d1f34), to(#0d1f34)) !important;
}

.toolbar-content .ersg-list-current-regist-btn {
  border-color: #000000 !important;
  border: 1px solid !important;
}

.cal-legend-inner-cont div, .cal-legend-inner-cont div img {
  margin-right: 5px;
}

#golfEventDetailDialog .close {
  display: none;
}

#golfEventDetailDialog .scheduler-event-recorder-content {
  width: 100% !important;
  padding: 3px 0px 0px 7px !important;
}

#golfEventDetailDialog .modal-body, #golfEventDetailDialog .modal-header, #golfEventDetailDialog .modal-footer {
  padding: 0.5rem;
}

#golfEventDetailDialog .modal-footer {
  padding: 60px 0.5rem 0px 0px;
}

@media (min-width: 1200px) {
  .ersg-main-container .span2 {
    margin-left: 0px !important;
  }
  .ersg-main-container .span2 {
    width: 17% !important;
  }
}
.taglib-diff-addedline,
#taglib-diff-results ins {
  background: #e6ffe6;
}

.taglib-diff-context {
  background: #eee;
}

.taglib-diff-deletedline,
#taglib-diff-results del {
  background: #ffe6e6;
}

.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  opacity: 0.55;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border-color: #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border-color: #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border-color: #fdc6c6;
}

.diff-version-comparator .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom-color: #009ae5;
}
.diff-version-comparator .taglib-diff-html .diff-html-changed img {
  border-color: #009ae5;
}
.diff-version-comparator .diff-target-selector {
  border-left-color: #e5e5e5;
}
.diff-version-comparator .diff-version-filter {
  background-color: #f9f9f9;
}

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-actions li a,
.taglib-discussion .lfr-discussion-actions li a span {
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-actions li a:hover span, .taglib-discussion .lfr-discussion-actions li a:focus span {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form {
  background: #ddd;
  border-radius: 4px;
}
.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
  background-size: 40px;
}

.lfr-discussion-reply.popover .lfr-discussion-reply-user-name {
  font-weight: bold;
}

.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}

.drop-here-info .drop-icons span:nth-of-type(1),
.drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
}
.drop-here-info .drop-text {
  color: #fff;
}

.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}

.lfr-ddm-field-group {
  margin-bottom: 20px;
}

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: bottom;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  background: transparent;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active {
  background: transparent;
  opacity: 1;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus {
  background: transparent;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message {
  color: #000;
  opacity: 0.7;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number {
  background: #333;
  font-size: 18px;
  opacity: 1;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
  color: #333;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label {
  background: transparent;
  outline: 0;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus {
  text-decoration: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  opacity: 1;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  background: #ccc;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  opacity: 0.6;
  text-decoration: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message {
  color: #000;
  font-size: 12px;
}

.taglib-header {
  border-bottom-color: #c8c9ca;
  color: #555;
}
.taglib-header .header-back-to a {
  font-weight: bold;
  text-decoration: none;
}

a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover {
  text-decoration: none;
}
a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text {
  text-decoration: underline;
}
a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text {
  text-decoration: none;
}

.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.taglib-icon-label {
  margin-left: 12px;
}

.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag {
  opacity: 1;
}
.input-localized .palette-item-inner {
  border-color: #666;
}
.input-localized .palette-item,
.input-localized .palette-item-inner,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background: #ff0047;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
}

.taglib-image-selector .change-image-controls {
  background: #fff;
}
.taglib-image-selector .icon-check {
  background: #fff;
  opacity: 0;
  z-index: -1;
}
.taglib-image-selector .progress-wrapper .progressbar {
  background: #b0b4bb;
  opacity: 0.7;
}
.taglib-image-selector.check-active .icon-check {
  opacity: 1;
  z-index: 0;
}
.taglib-image-selector.drop-active {
  outline-width: 0;
}
.taglib-image-selector.drop-active .browse-image-controls {
  opacity: 0;
}
.taglib-image-selector.drop-active .icon-check {
  opacity: 0;
}
.taglib-image-selector.drop-active .image-wrapper {
  opacity: 0.15;
}
.taglib-image-selector.drop-active .error-wrapper {
  opacity: 0;
}
.taglib-image-selector.progress-active .image-wrapper {
  opacity: 0.15;
}
.taglib-image-selector.progress-active .browse-image-controls {
  opacity: 0;
}
.taglib-image-selector.progress-active .drop-here-info {
  opacity: 0;
}
.taglib-image-selector.progress-active .icon-check {
  opacity: 0;
}

.dialog-iframe-popup {
  background-color: #fff;
}

.portlet-item-selector .management-bar {
  border-bottom-color: #e7e7ed;
  border-top: 1px solid #e7e7ed;
}

.item-selector .card-row {
  align-items: center;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
}

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
  text-decoration: none;
}
.lfr-tree-display-page .tree-label {
  cursor: default;
}
.lfr-tree-display-page .tree-label a {
  color: black;
}
.lfr-tree-display-page .tree-label .layout-page-invalid {
  color: #aaa;
  font-style: italic;
}
.lfr-tree-display-page .tree-label .layout-page-invalid:hover {
  cursor: default;
  text-decoration: none;
}

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container {
  margin-left: 0;
}

.lfr-map {
  border-color: #ccc;
}
.lfr-map .search-controls {
  font-size: 15px;
}

.navbar .navbar-search {
  background-color: #f3f3f3;
}
@media (min-width: 576px) {
  .navbar .navbar-search {
    background-color: transparent;
  }
}

.taglib-portlet-preview.show-borders {
  border-color: #828f95;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a {
  color: #272833;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6B6C7E;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #272833;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item:nth-last-child(2) {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item .checkbox {
  margin-top: 0;
}
.lfr-search-container-wrapper .list-group + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.lfr-asset-type-column,
.lfr-author-column,
.lfr-city-column,
.lfr-country-column,
.lfr-email-address-column,
.lfr-job-title-column,
.lfr-region-column,
.lfr-removed-by-column,
.lfr-replier-column,
.lfr-scope-column,
.lfr-screen-name-column,
.lfr-type-column,
.lfr-user-column,
.lfr-users-column {
  word-break: break-all \9 ;
  word-wrap: break-word;
}
@media (min-width: 576px) {
  .lfr-asset-type-column,
  .lfr-author-column,
  .lfr-city-column,
  .lfr-country-column,
  .lfr-email-address-column,
  .lfr-job-title-column,
  .lfr-region-column,
  .lfr-removed-by-column,
  .lfr-replier-column,
  .lfr-scope-column,
  .lfr-screen-name-column,
  .lfr-type-column,
  .lfr-user-column,
  .lfr-users-column {
    max-width: 125px;
    min-width: 100px;
  }
}

.lfr-completion-date-column,
.lfr-create-date-column,
.lfr-date-column,
.lfr-display-date-column,
.lfr-expiration-date-column,
.lfr-last-post-date-column,
.lfr-modified-date-column,
.lfr-removed-date-column,
.lfr-reply-date-column,
.lfr-revision-column,
.lfr-size-column {
  white-space: nowrap;
}

.lfr-description-column,
.lfr-role-column {
  max-width: 375px;
  min-width: 375px;
}

.lfr-email-address-column,
.lfr-name-column,
.lfr-parent-organization-column,
.lfr-screen-name-column,
.lfr-title-column,
.lfr-url-column,
.lfr-wiki-column {
  max-width: 200px;
  min-width: 200px;
}

.lfr-email-column,
.lfr-mobile-column,
.lfr-website-column {
  min-width: 100px;
}
@media (min-width: 576px) {
  .lfr-email-column,
  .lfr-mobile-column,
  .lfr-website-column {
    min-width: 115px;
  }
}
.lfr-email-column .checkbox-container .form-group,
.lfr-mobile-column .checkbox-container .form-group,
.lfr-website-column .checkbox-container .form-group {
  margin-bottom: 0;
}

.user-info .user-details .date-info {
  color: #8c8c8c;
}
.user-info .user-details .user-name {
  color: #009ae5;
}

.taglib-search-toggle .toggle-advanced {
  color: inherit;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border-color: #ddd;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close {
  margin-right: 5px;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}

.taglib-social-activities .day-separator {
  border-bottom-color: #ccc;
}

.taglib-social-bookmarks a.social-bookmark-link {
  background-repeat: no-repeat;
}

.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}

.js .taglib-webdav.visible {
  background: #f0f5f7;
}
.js .taglib-webdav table {
  border-color: #828f95;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}

/* ---------- Cards ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons background colors ---------- */
/* ---------- User icons border color ---------- */
/* ---------- User icons colors ---------- */
.aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 37.5%;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.card-tab-group .card-tab:nth-child(n+2) {
  border-left: 4px solid #65b6f0;
  padding-left: 20px;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab {
  border-left: 4px solid #93ccf5;
  padding-left: 20px;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
  border-left-color: #c2e2f9;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab .card-tab {
  border-left-width: 0;
  padding-left: 0;
}

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px;
}
.hsv-palette .hsv-view-container .hsv-value {
  width: 56px;
}

.yui3-color-picker-popover .palette-container {
  border-collapse: separate;
}

.dialog-iframe-popup .hsv-palette-modal.modal-dialog {
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  max-width: none;
  right: 0 !important;
  top: 0 !important;
  width: 100%;
}
@media (min-width: 768px) {
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog {
    bottom: auto !important;
    height: 100%;
    left: 50% !important;
    max-height: 375px;
    max-width: 650px;
    right: auto !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
  bottom: 0;
  left: 0;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
    border-radius: 0;
    border-width: 0;
  }
}
@media (max-width: 767.98px) {
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body {
    padding: 1rem;
  }
}
.dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
  width: 100%;
}
.dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
  margin: 0;
}

.dialog-bd {
  min-height: 30px;
}

.dialog-content {
  border: 1px solid #c8c9ca;
  padding: 5px;
}

.dialog-iframe-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.dialog-iframe-popup .lfr-form-content {
  padding: 15px;
}
.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
  height: 100%;
}
.dialog-iframe-popup .portlet-column {
  position: static;
}
.dialog-iframe-popup .dialog-body > .container-fluid-1280,
.dialog-iframe-popup .dialog-body .container-view,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree .container-view,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content .container-view,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content .container-view,
.dialog-iframe-popup .process-list > .container-fluid-1280,
.dialog-iframe-popup .process-list .container-view,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.dialog-iframe-popup .dialog-body > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .dialog-body > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .dialog-body .container-view > .nav-tabs-default,
.dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .export-dialog-tree .container-view > .nav-tabs-default,
.dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view > .nav-tabs-default,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .lfr-form-content .container-view > .nav-tabs-default,
.dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .portlet-configuration-body-content .container-view > .nav-tabs-default,
.dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.dialog-iframe-popup .process-list > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .process-list > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .process-list .container-view > .nav-tabs-default,
.dialog-iframe-popup .process-list .container-view .nav-tabs-underline,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280 > .nav-tabs-default,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .roles-selector-body .container-view > .nav-tabs-default,
.dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -20px;
}
.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 {
  padding-top: 0;
}
.dialog-iframe-popup .login-container {
  padding: 1.5rem;
}
.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0;
}
.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
  .dialog-iframe-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.dialog-iframe-popup .navigation-bar > .container-fluid {
  margin-left: 24px;
  margin-right: 24px;
  padding: 0;
}
.dialog-iframe-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.dialog-iframe-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.dialog-iframe-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .dialog-iframe-popup .lfr-dynamic-uploader,
  .dialog-iframe-popup .process-list {
    top: 48px;
  }
}
.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0;
}

@media (min-width: 768px) {
  .dialog-with-footer #main-content,
  .dialog-with-footer #wrapper {
    height: calc(100% - 60px);
  }
}
.dialog-with-footer .button-holder.dialog-footer,
.dialog-with-footer .sheet-footer.dialog-footer {
  background-color: #FFF;
  border-top: 1px solid #E7E7ED;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
}
@media (min-width: 768px) {
  .dialog-with-footer .button-holder.dialog-footer,
  .dialog-with-footer .sheet-footer.dialog-footer {
    position: fixed;
  }
}
.dialog-with-footer .button-holder.dialog-footer .btn,
.dialog-with-footer .sheet-footer.dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
@media (min-width: 768px) {
  .dialog-with-footer .dialog-body,
  .dialog-with-footer .lfr-dynamic-uploader,
  .dialog-with-footer .lfr-form-content,
  .dialog-with-footer .portlet-configuration-body-content,
  .dialog-with-footer .roles-selector-body {
    padding-bottom: 60px;
  }
}
.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative;
}
.lfr-editable:after {
  background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px;
}
.lfr-editable:focus:after {
  display: none;
}
.lfr-editable:focus:hover {
  background-color: transparent;
}
.lfr-editable:hover {
  background-color: rgba(255, 255, 255, 0.3);
  outline-color: #519226;
}
.lfr-editable:hover:after {
  background-color: #519226;
}

.lfr-editable-notice-close {
  margin-left: 1em;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.alloy-editor-container .alloy-editor {
  outline: 0;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder {
  color: #2b4259;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #dbdde1;
  color: #b0b4bb;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
  color: #ccc;
}
.alloy-editor-container .alloy-editor-icon {
  color: #869cad;
}

.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #cc6677;
}

.cke_dialog .cke_dialog_ui_input_text {
  height: auto;
}

.cke_editable_inline a {
  cursor: pointer;
}

.cke_panel.cke_combopanel {
  width: 220px;
}

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
}
.cke_panel_block .cke_panel_list {
  margin-left: 0;
}
.cke_panel_block .cke_panel_list .cke_panel_listItem {
  line-height: initial;
}
.cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
  text-decoration: none;
}

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px;
}
.cke_show_border td {
  height: 15px;
}

/* ---------- CKEditor image resizer ---------- */
.cke_widget_image .cke_image_resizer {
  bottom: -15px;
  height: 5px;
  outline-color: transparent;
  padding: 5px;
  right: -15px;
  width: 5px;
}

.html-editor.portlet {
  background: #fff;
  color: #000;
  line-height: 1;
  padding: 1em;
  text-align: start;
}

.html-editor.portlet-message-boards {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: break-word;
}
.html-editor.portlet-message-boards blockquote {
  background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
  border: 1px solid #777;
  padding: 5px 45px;
}
.html-editor.portlet-message-boards blockquote:after {
  background: url(../images/message_boards/quoteright.png) no-repeat 50%;
  content: "";
  display: block;
  float: right;
  height: 24px;
  margin-right: -35px;
  margin-top: -25px;
  width: 31px;
  z-index: 999;
}
.html-editor.portlet-message-boards blockquote cite {
  display: block;
  font-weight: bold;
}
.html-editor.portlet-message-boards pre {
  background: #f9f9f9;
  border: 1px solid #777;
  padding: 0.5em;
}

.lfr-source-editor {
  border-color: #ccc;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "\f0d7";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "\f0da";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #ccc;
}

.mce-content-body {
  text-align: start;
}

.file-icon-color-0 {
  background-color: #FFF;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #FFF;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #FFF;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #FFF;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #FFF;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #FFF;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #FFF;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #FFF;
  color: #272833;
}

.lfr-item-viewer .image-viewer-base {
  outline: none;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
}
.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}

.image-viewer-caption {
  color: #777;
}

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777;
}

@media (min-width: 576px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0;
  }
}

.image-viewer-sidenav dd {
  color: #8b8b8b;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .image-viewer-sidenav dd {
    color: #777;
  }
}
.image-viewer-sidenav .h5 {
  color: #869cad;
  margin-bottom: 3px;
}
@media (min-width: 576px) {
  .image-viewer-sidenav .h5 {
    color: #fff;
  }
}
.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px;
}
.image-viewer-sidenav .nav-tabs-default > li:first-child {
  padding-left: 0;
}
.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0;
}
.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0;
}
.image-viewer-sidenav .nav-tabs-default > li > .active {
  background-color: transparent;
}
.image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
  border-color: transparent;
  color: #777;
}
@media (min-width: 576px) {
  .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
    color: #fff;
  }
}
.image-viewer-sidenav .nav-tabs-default > li > .active:after {
  background-color: #65b6f0;
  bottom: -10px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: relative;
  right: 0;
}

.image-viewer-sidenav-body {
  padding-top: 0;
}

.lfr-item-viewer .lfr-item-viewer-close {
  color: #fff;
  opacity: 1;
}
.lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
  color: #fff;
}
.lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
  color: #777;
}

.lfr-item-viewer-icon-info {
  color: #fff;
}

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #e5f5fc;
  color: #009ae5;
}
.nav.list-group > .active {
  border-width: 1px 0 0 0;
}
.nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
  background-color: #60bfef;
  border: 1px solid #60bfef;
  color: #fff;
}
.nav.list-group .list-group-item {
  padding: 0;
}
.nav.list-group .list-group-item.nav-header {
  background-color: #f3f3f3;
  padding-left: 10px;
  padding-right: 10px;
}

.lfr-page-templates li a {
  padding: 0;
}
.lfr-page-templates li a label {
  cursor: pointer;
  display: block;
  padding: 5px 0 5px 5px;
}

.menu {
  position: absolute;
  width: auto;
}
.menu .notice-message {
  background-image: none;
  margin: 3px;
  padding: 6px;
}

.menu-content {
  background: #fff;
  list-style: none;
  min-width: 150px;
}
.menu-content li {
  margin: 0;
  padding: 0;
}
.menu-content li .disabled {
  color: #999;
}

.menu-content {
  background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #aeafb1 #777879 #777879 #aeafb1;
  padding: 2px 0;
}

.menugroup-content .menu-label {
  background: #d2d6de;
  color: #5b677d;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #fff;
}

.menugroup-content ul {
  display: block;
  min-width: 0;
}

.menu-content li {
  border-bottom: 1px solid #bcbbbb;
  border-top: 1px solid #eee;
  display: block;
  margin: 0;
  padding: 0;
}
.menu-content li.first {
  border-top-width: 0;
}
.menu-content li.last {
  border-bottom-width: 0;
}

.menu-content li a,
.menu-content li .disabled {
  color: #2c2f34;
  display: block;
  padding: 4px 5px;
  text-decoration: none;
}

.menu-content li a.focus,
.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.app-view-drop-active {
  background-color: #00a2ea;
  font-weight: bold;
}
.category-portlets .app-view-drop-active {
  background-color: #00a2ea;
  color: #fff;
}

.basecelleditor [class~=form-validator-message] {
  clip: rect(auto auto auto auto);
  width: auto;
}

.document-library-file-entry-cell-editor-hidden {
  display: none;
}

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle;
}

.has-control-menu .lfr-asset-anchor {
  height: 74px;
  margin-top: -74px;
}

.lfr-asset-anchor {
  display: block;
  height: 10px;
  margin-top: -10px;
  position: relative;
  z-index: -1;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal.card,
.lfr-page-layouts input[type=radio]:checked + .card-horizontal .card {
  background-color: #F7F8F9;
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  background-color: #0B5FFF;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  transition: height 0.15s ease-in-out;
}
.lfr-page-layouts .card-horizontal.card,
.lfr-page-layouts .card-horizontal .card {
  border-width: 1px;
  box-shadow: none;
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.lfr-page-layouts .card-horizontal.card:hover,
.lfr-page-layouts .card-horizontal .card:hover {
  background-color: #F7F8F9;
  text-decoration: none;
}
.lfr-page-layouts .card-horizontal.card:focus,
.lfr-page-layouts .card-horizontal .card:focus {
  background-color: #F7F8F9;
  box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #719AFF;
}
.lfr-page-layouts .card-horizontal.card:active, .lfr-page-layouts .card-horizontal.card.active,
.lfr-page-layouts .card-horizontal .card:active,
.lfr-page-layouts .card-horizontal .card.active {
  background-color: #F1F2F5;
}
.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  transition: height 0.15s ease-in-out;
}
.lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after {
  background-color: #0B5FFF;
  height: 4px;
}
.lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after {
  background-color: #0B5FFF;
  height: 4px;
}
.lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after {
  background-color: #0B5FFF;
  height: 4px;
}
.dialog-iframe-popup:not(.article-preview) #main-content,
.dialog-iframe-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed;
}

.modal-body {
  overflow: auto;
}
.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: none;
  }
}
.modal-dialog.modal-dialog-sm {
  max-width: 600px;
}

.modal-hidden {
  display: none;
}

.modal-open .modal {
  overflow: hidden;
}

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

.dragging .portlet-column.customizable {
  background-color: #cffccf;
  outline: 3px solid #5eaf3d;
}

.customizable-layout-column-content {
  background-color: #c92c3c;
}
.customizable-layout-column-content.yui3-widget-content-expanded {
  margin: 0 15px;
}

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8);
}

.customizable .customizable-layout-column-content {
  background-color: #5eaf3d;
}
.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8);
}

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative;
}

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15;
}
.layout-customizable-controls label {
  color: #fff;
}

.paginator-link {
  background: #eee no-repeat scroll 50% 1px;
  border: 1px solid #f0f1f2;
  border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
  color: #1f1e1e;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
}

.paginator-page-link {
  height: auto;
  text-indent: 0;
}

.paginator-current-page {
  background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38b6ef #006d9e #006d9e #46b4e6;
  color: #fff;
  text-shadow: -1px -1px #003c57;
}

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png);
}

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png);
}

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png);
}

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png);
}

.paginator-current-page-report,
.paginator-total {
  color: #555;
  font-size: 0.9em;
}

.paginator-current-page-report {
  margin-left: 2em;
}

.taglib-page-iterator .search-pages .page-links {
  padding: 0;
}

.info-panel .panel-group {
  margin-left: -1rem;
  margin-right: -1rem;
}

.lfr-panel-container {
  background: #fff;
}

.lfr-panel-content {
  padding: 5px 10px;
}

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px;
}

.panel-hd {
  background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
  padding-left: 10px;
  text-shadow: 1px 1px #fff;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 1rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

@media (min-width: 576px) {
  .sheet .display-style-icon .lfr-asset-item {
    width: 25%;
  }
}
.splitter {
  border-radius: 0.25rem 0.25rem 0 0;
  color: #6B6C7E;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
}
.splitter.splitter-spaced {
  border-radius: 0.25rem;
  margin-bottom: 20px;
}

.table > tbody > tr.splitter {
  height: auto;
}
.table > tbody > tr.splitter > td {
  padding: 0;
}

.lfr-nav.nav-tabs {
  margin-bottom: 20px;
}

.tab-active strong {
  font-weight: normal;
}

.tab-back {
  float: right;
}

.tab-back-content {
  border-width: 0;
  padding: 1px;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud {
  line-height: 2.5em;
}
.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.tagselector-content {
  border-width: 0;
  padding: 0;
}
.tagselector-content .textboxlistentry-holder {
  border-bottom: 2px solid #869cad;
  margin-bottom: 10px;
  padding: 0;
}

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0;
}

.lfr-portal-tooltip {
  display: inline-block;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tooltip {
  max-width: 200px;
}
.tooltip .tooltip-arrow {
  background-color: #272833;
  height: 0.6rem;
  position: absolute;
  transform: rotate(45deg);
  width: 0.6rem;
}

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -0.3rem;
}

.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow {
  margin-top: -0.3rem;
  top: 50%;
}

.tooltip.bottom {
  padding-top: 0.3rem;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
}

.tooltip.left {
  padding-right: 0.3rem;
}
.tooltip.left .tooltip-arrow {
  right: 0;
}

.tooltip.right {
  padding-left: 0.3rem;
}
.tooltip.right .tooltip-arrow {
  left: 0;
}

.tooltip.top {
  padding-bottom: 0.3rem;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .icon-check:before {
  content: "\f096";
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node .tree-node-checked .icon-check:before {
  content: "\f046";
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.underlay {
  clear: both;
  top: 100%;
}
.underlay .yui3-widget-hd {
  height: 38px;
}

.underlay-hidden {
  display: none;
}

.underlay-content {
  background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #aeafb1;
  border-width: 0 1px 1px;
}

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.user-icon-color-0 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #4b9bff;
}

.user-icon-color-2 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ffb46e;
}

.user-icon-color-3 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ff5f5f;
}

.user-icon-color-4 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #50d2a0;
}

.user-icon-color-5 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ff73c3;
}

.user-icon-color-6 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #9be169;
}

.user-icon-color-7 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #ffd76e;
}

.user-icon-color-9 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  color: #5fc8ff;
}

/* Font Family */
/* Font Color  */
/* Font Size  */
:root {
  --cardo: "cardo",serif;
  --primary-color: #4F758A;
  --calgary-primary-color: #4F758A;
  --calgary-primary-color-hover: #304f5f;
  --primary-color-hover: #304f5f;
  --light-blue: #CBD6DC;
  --dark-color: #2c2c2c;
  --calgary-font: "Conv_CALGARY";
  --nexa-font: "NexaBold";
  --white-color: #fff;
  --default-mobile-font-size: 14px;
}

/* Complete Webiste Font */
/* Font Color  */
/* Webiste Core Color For NSUI #0093b2*/
/* End */
/* View Profile Icon Display */
/* Header Nav Drop Down */
.teetime-webservice .ui-overlay-a, .teetime-webservice .ui-page-theme-a, .teetime-webservice .ui-page-theme-a .ui-panel-wrapper {
  background-color: #fff !important;
}

.teeTimeContent ul {
  background: #fff !important;
}

/* For Club dark blue color */
/* Media Query */
/* Member Roaster & New Member Setting  */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* Media Query  */
/* Media Query  */
/* For teeShett Time Fonts and Reservation Button Padding */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* Media Query  */
/* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */
/* Teetime Color Configration */
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li a {
  font-size: 16px !important;
  padding: 70px 16px 12px;
  font-weight: 400;
  color: var(--white-color) !important;
  text-transform: capitalize !important;
  transition: all 0.3s linear 0s;
}
@media (min-width: 997px) and (max-width: 1023px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li a {
    padding: 12px 10px 12px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li a {
    padding: 12px 10px 12px;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li a {
    font-size: 16px !important;
    padding: 70px 14px 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li a {
    font-size: 14px !important;
    padding: 30px 5px 12px;
  }
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li a:hover {
  color: #fff !important;
  text-decoration: none;
}

header.header-area {
  display: block !important;
  z-index: 1;
  transition: none !important;
  width: 100%;
  padding: 0px 0 0px 0;
  top: 0px;
  position: absolute;
  z-index: 100;
  /* Humberger Icon Classes */
  /* active classes */
  /* CSS for displaying sub-menus through tabs start */
  /* CSS for displaying sub-menus through tabs start */
}
header.header-area .top-nav-wrapper {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
@media (min-width: 300px) and (max-width: 997px) {
  header.header-area {
    padding: 0px !important;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  header.header-area {
    padding: 0px !important;
  }
}
header.header-area .black_strip {
  background-color: var(--dark-color);
  font-family: var(--default-font-family);
  color: var(--white-color);
  font-size: var(--default-mobile-font-size);
  padding: 11px 0;
}
@media (min-width: 300px) and (max-width: 997px) {
  header.header-area .black_strip {
    text-align: center;
    font-size: 12px !important;
  }
}
header.header-area .black_strip a {
  color: var(--white-color);
}
header.header-area .black_strip .annual_meeting {
  text-align: right;
  text-transform: uppercase;
}
@media (min-width: 300px) and (max-width: 997px) {
  header.header-area .black_strip .annual_meeting {
    text-align: center;
  }
}
header.header-area .navigation_rw_clr {
  max-width: 1331px;
  margin: auto;
}
@media (min-width: 997px) and (max-width: 1023px) {
  header.header-area .navigation_rw_clr {
    padding: 0px 0px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header-area .navigation_rw_clr {
    padding: 0px 20px;
  }
}
header.header-area .navigation_rw_clr .private-user-greetings {
  color: var(--white-color);
  font-size: 20px;
  margin-top: 15px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header-area .navigation_rw_clr .private-user-greetings {
    font-size: 16px;
  }
}
header.header-area .cst-main-logo {
  margin-top: 30px;
  outline: none;
  margin-bottom: 10px;
}
@media (min-width: 300px) and (max-width: 997px) {
  header.header-area .cst-main-logo {
    width: 130px;
    margin: 0px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  header.header-area .cst-main-logo {
    width: 100%;
    margin: 10px 0px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  header.header-area .cst-main-logo {
    width: 170px !important;
  }
}
header.header-area .nav-bg.nav-cst-wrapper {
  text-align: left;
}
header.header-area .nav-bg.nav-cst-wrapper .member_logout {
  padding: 12px !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
header.header-area .nav-bg.nav-cst-wrapper nav {
  vertical-align: middle;
  display: inline-flex;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu {
  background: none !important;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu a {
  font-family: "muli", sans-serif !important;
  text-transform: uppercase !important;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu a:hover {
  text-decoration: none !important;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul {
  box-shadow: none !important;
  background: none !important;
  margin: 0px;
  padding: 0;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li {
  /*&:last-child a {
    padding-right: 0px;
  }
  &:first-child {
    ul {
      display: none !important;
    }
  }*/
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:hover > ul, header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:focus > ul {
  top: 80px;
  padding: 0px !important;
  padding-top: 27px !important;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:hover > ul, header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:focus > ul {
    top: 52px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:hover > ul, header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:focus > ul {
    top: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:hover > ul ul, header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:focus > ul ul {
    top: 0px !important;
  }
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:hover > ul ul {
  top: 0;
  padding-top: 0 !important;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:last-child a, header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li:first-child a {
  border-right: 0 !important;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li a {
  border-bottom: 0px !important;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul li .textured-nav-parent.top-li .active {
  color: "muli", sans-serif !important;
  background-color: transparent !important;
  font-style: italic;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul ul {
  background: #4F758A;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul ul li:last-child a {
  border-right: 0 !important;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul ul li a {
  background: rgba(79, 117, 138, 0.9);
  border-bottom: #dfd5d5;
  color: var(--white-color) !important;
  font-weight: normal !important;
  line-height: 24px;
  padding: 0 !important;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  width: 250px;
  font-size: var(--default-mobile-font-siz) !important;
  letter-spacing: 0px;
  text-transform: capitalize !important;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul ul li a {
    padding: 0px !important;
    font-size: 14px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul ul li a {
    padding: 0px !important;
    font-size: 14px !important;
  }
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul ul li a:hover {
  color: #fff !important;
  background-image: none !important;
  transition: all 0.3s linear 0s;
  background-color: var(--primary-color-hover) !important;
  border: 0;
}
header.header-area .nav-bg.nav-cst-wrapper #textured-cssmenu ul ul ul.textured-nav-children-level2 {
  top: 0px !important;
  padding-top: 0px !important;
}
header.header-area div#mm-menu-headerDIV {
  background-color: #4F758A;
  padding: 15px;
  transition: all 0.3s ease-out;
  display: none;
}
header.header-area div#mm-menu-headerDIV a {
  color: #fff;
  font-size: 17px;
}
header.header-area li.textured-nav-parent.active, header.header-area li.textured-nav-parent.hover {
  color: var(--white-color) !important;
}
header.header-area li.textured-nav-parent.active span.textured-nav-heading.textured-nav-heading-selected.active,
header.header-area li.textured-nav-parent.active span.textured-nav-heading.textured-nav-heading-unselected, header.header-area li.textured-nav-parent.hover span.textured-nav-heading.textured-nav-heading-selected.active,
header.header-area li.textured-nav-parent.hover span.textured-nav-heading.textured-nav-heading-unselected {
  color: var(--white-color) !important;
}
header.header-area #textured-cssmenu ul ul li a .textured-nav-selected-item.active {
  background-color: var(--primary-color-hover) !important;
  color: #fff;
}
header.header-area #textured-cssmenu ul ul li ul li a .textured-nav-selected-item-level2.active {
  background-color: #4F758A;
  color: #fff;
}
header.header-area #textured-cssmenu span.textured-nav-heading.textured-nav-heading-selected.active {
  cursor: pointer;
  color: var(--white-color) !important;
}
header.header-area #textured-cssmenu ul ul li a span {
  display: block;
  margin: 0 !important;
  padding: 10px !important;
  letter-spacing: normal;
}
header.header-area #textured-cssmenu ul ul li a span.active {
  background-color: var(--primary-color-hover) !important;
}
header.header-area #textured-cssmenu > ul > li:hover > ul,
header.header-area #textured-cssmenu > ul > li:focus > ul,
header.header-area #textured-cssmenu > ul > li > a:hover + ul,
header.header-area #textured-cssmenu > ul > li > a:focus + ul,
header.header-area #textured-cssmenu > ul > li:focus-within > ul,
header.header-area #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
  opacity: 1;
  display: block !important;
  z-index: 1000;
  left: 0px;
  top: 36px;
  padding-top: 27px !important;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header-area #textured-cssmenu > ul > li:hover > ul,
  header.header-area #textured-cssmenu > ul > li:focus > ul,
  header.header-area #textured-cssmenu > ul > li > a:hover + ul,
  header.header-area #textured-cssmenu > ul > li > a:focus + ul,
  header.header-area #textured-cssmenu > ul > li:focus-within > ul,
  header.header-area #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
    top: 29px !important;
  }
}
header.header-area #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > a {
  background: #fff !important;
  color: #4F758A !important;
}
header.header-area #textured-cssmenu > ul > li > ul > li:focus-within > ul > li:focus-within > a {
  background: #fff !important;
  color: #4F758A !important;
}
header.header-area #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
  left: 250px !important;
  top: 0 !important;
  padding: 0px !important;
}
header.header-area li.textured-nav-parent.active a span.textured-nav-heading-selected {
  color: #fff !important;
}
header.header-area li.textured-nav-parent span.textured-nav-heading-unselected:hover {
  color: #fff !important;
}

header .public-menu-overlay-menu {
  background: transparent;
  padding: 30px 10px;
  /*Navigation Menu Text To Humburger Icon */
  /* Mobile Version Menu  */
  /* End */
}
@media screen and (min-width: 1024px) {
  header .public-menu-overlay-menu {
    display: none !important;
  }
}
header .public-menu-overlay-menu .site-title {
  padding: 0px 0px;
  position: relative;
}
header .public-menu-overlay-menu ul {
  margin: 0px;
  padding: 0px;
  font-size: 0;
}
header .public-menu-overlay-menu ul li {
  list-style: none;
  width: 100% !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  header .public-menu-overlay-menu ul li {
    display: inline-block;
    width: 33.33% !important;
    vertical-align: middle;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  header .public-menu-overlay-menu ul li {
    display: inline-block;
    width: 32.6% !important;
    vertical-align: middle;
  }
}
header .public-menu-overlay-menu .humburger {
  background: transparent;
  height: 35px;
  width: 41px;
  right: 0;
  border: 0px solid #4F758A;
  border-radius: 5px;
}
@media (min-width: 300px) and (max-width: 997px) {
  header .public-menu-overlay-menu .humburger {
    right: 0px;
  }
}
header .public-menu-overlay-menu .humburger:after {
  content: "";
  position: relative;
  top: -2px;
  left: 30px;
  color: #fff;
  font-size: 12px;
}
header .public-menu-overlay-menu .member-login-text p {
  margin: 0px !important;
  padding-bottom: 0 !important;
  line-height: normal !important;
}
header .public-menu-overlay-menu .member-login-text p a {
  text-transform: uppercase !important;
  background: var(--primary-color) !important;
  font-family: "muli", sans-serif;
  color: #fff !important;
  padding: 10px 20px 8px !important;
  font-weight: normal;
  display: inline-block;
  font-size: 12px;
  border: 1px solid var(--primary-color);
  background: var(--calgary-primary-color) !important;
}
header .public-menu-overlay-menu .member-login-text p a:hover {
  color: #fff;
}
header .public-menu-overlay-menu .humburger .l1, header .public-menu-overlay-menu .humburger .l2, header .public-menu-overlay-menu .humburger .l3 {
  position: absolute;
  display: block;
  margin: auto;
  top: 47%;
  left: 10px;
  height: 2px;
  width: 20px;
  background-color: var(--white-color) !important;
  transition: all 0.2s ease-out;
}
header .public-menu-overlay-menu .humburger .l1 {
  top: 23%;
}
header .public-menu-overlay-menu .humburger .l3 {
  top: 71%;
}
header .public-menu-overlay-menu .humburger.active .l1 {
  transform: rotate(45deg);
  top: 48%;
}
header .public-menu-overlay-menu .humburger.active .l2 {
  opacity: 0;
}
header .public-menu-overlay-menu .humburger.active .l3 {
  transform: rotate(-45deg);
  top: 48%;
}
header .desktop-hum .humburger .l1, header .desktop-hum .humburger .l2, header .desktop-hum .humburger .l3 {
  position: absolute;
  display: block;
  margin: auto;
  top: 45%;
  left: 10px;
  height: 2px;
  width: 20px;
  background-color: #4F758A;
  transition: all 0.2s ease-out;
}
header .desktop-hum .humburger .l1 {
  top: 20%;
}
header .desktop-hum .humburger .l3 {
  top: 69%;
}
header .desktop-hum .humburger.active .l1 {
  transform: rotate(45deg);
  top: 48%;
}
header .desktop-hum .humburger.active .l2 {
  opacity: 0;
}
header .desktop-hum .humburger.active .l3 {
  transform: rotate(-45deg);
  top: 48%;
}
header .desktop-hum div#mm-menu-link {
  background: #4F758A;
  height: 30px;
  top: 23%;
  position: absolute;
  width: 40px;
  left: 2%;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  header .header-mobile-area {
    display: none !important;
  }
}
header .header-mobile-area .become-member-area {
  display: block;
  width: 100%;
}
header .header-mobile-area .become-member-area a {
  display: block;
  font-family: "muli", sans-serif;
  font-size: 14px;
  background: var(--primary-color);
  color: #fff;
  padding: 13px 0px 11px !important;
  display: block;
  line-height: normal;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  header .header-mobile-area .become-member-area a {
    font-size: 13px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  header .header-mobile-area .become-member-area a {
    font-size: 14px;
  }
}
header .header-mobile-area .become-member-area a:hover {
  background: var(--primary-color-hover);
}

footer.footer-area {
  width: 100%;
  padding-bottom: 45px;
  bottom: 0;
  color: var(--dark-color);
  font-size: 17px;
  padding-top: 40px;
  background-image: url(../images/club-images/footer_bg.png);
  background-repeat: repeat-x;
  background-position: bottom center;
  font-family: "muli", sans-serif !important;
  background-color: #f3f5f7;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area {
    font-size: var(--default-mobile-font-size);
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  footer.footer-area {
    font-size: var(--default-mobile-font-size);
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  footer.footer-area {
    font-size: var(--default-mobile-font-size);
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  footer.footer-area {
    font-size: 15px;
  }
}
footer.footer-area a {
  color: var(--dark-color);
}
footer.footer-area a:hover {
  text-decoration: none !important;
  color: var(--primary-color);
}
footer.footer-area h3 {
  font-size: 24px !important;
  text-transform: capitalize !important;
  font-weight: 800 !important;
  color: #4F758A;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area h3 {
    font-size: 16px !important;
    margin-top: 0px !important;
  }
}
footer.footer-area .footer-info-wrapper .footer_area .footer_links {
  padding: 0px 100px;
  padding-top: 30px;
  padding-bottom: 50px;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area .footer-info-wrapper .footer_area .footer_links .custom_logo_align {
    text-align: center;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  footer.footer-area .footer-info-wrapper .footer_area .footer_links {
    padding: 0px 0px !important;
    margin-bottom: 20px;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area .footer-info-wrapper .footer_area .footer_links {
    padding: 0px 20px;
    padding-top: 0px;
    margin-bottom: 10px;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  footer.footer-area .footer-info-wrapper .footer_area .footer_links {
    padding: 80px 10px 0px;
  }
}
footer.footer-area .footer-info-wrapper .footer_area .copyright-txt {
  text-align: left;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area .footer-info-wrapper .footer_area .copyright-txt {
    text-align: center;
    padding: 0px !important;
    font-size: 12px;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  footer.footer-area .footer-info-wrapper .footer_area .copyright-txt {
    text-align: center;
  }
}
footer.footer-area .footer-info-wrapper .footer_area .poweredby-txt {
  text-align: right;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area .footer-info-wrapper .footer_area .poweredby-txt {
    font-size: 12px;
    text-align: center;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  footer.footer-area .footer-info-wrapper .footer_area .poweredby-txt {
    text-align: center;
  }
}
footer.footer-area .footer-info-wrapper .footer_area .footer_logo {
  margin: 50px 0;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area .footer-info-wrapper .footer_area .footer_logo {
    text-align: center;
  }
}
footer.footer-area .footer-info-wrapper .footer_area .quick-links ul {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}
footer.footer-area .footer-info-wrapper .footer_area .footer_links ul {
  padding: 0px;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area .footer-info-wrapper .footer_area .footer_links ul {
    padding-top: 0px;
  }
}
footer.footer-area .footer-info-wrapper .footer_area .footer_links ul:last-child {
  margin-bottom: 0;
}
footer.footer-area .footer-info-wrapper .footer_area .footer_links ul li {
  list-style: none;
  padding-bottom: 10px;
}
@media (min-width: 300px) and (max-width: 997px) {
  footer.footer-area .footer-info-wrapper .footer_area .footer_links ul li {
    padding-bottom: 5px !important;
  }
}
footer.footer-area .footer-info-wrapper .footer_area .footer_links ul li:last-child {
  padding-bottom: 0px;
}

.back-top {
  padding: 10px;
  background: #4F758A;
  color: var(--dark-color);
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .footer-social-icons {
    text-align: left !important;
    margin-top: 20px;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  .footer-social-icons .social-icons {
    margin-bottom: 30px;
  }
}
.footer-social-icons .social-icons ul {
  margin: 0;
  padding: 0;
}
.footer-social-icons .social-icons ul li {
  list-style: none;
  margin: 0 1px;
  border: 1px solid var(--calgary-primary-color);
  width: 35px;
  background: var(--calgary-primary-color);
  text-align: center;
  padding: 0px !important;
  border-radius: 50%;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 300px) and (max-width: 997px) {
  .footer-social-icons .social-icons ul li {
    height: 36px !important;
    width: 36px !important;
    padding: 5px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .footer-social-icons .social-icons ul li {
    height: 36px !important;
    width: 36px !important;
    padding: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .footer-social-icons .social-icons ul li {
    height: 36px !important;
    width: 36px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  .footer-social-icons .social-icons ul li {
    height: 36px !important;
    width: 36px !important;
  }
}
.footer-social-icons .social-icons ul li:last-child {
  margin-right: 0;
}
.footer-social-icons .social-icons ul li:first-child {
  margin-left: 0;
}
.footer-social-icons .social-icons ul li a {
  color: var(--white-color);
  font-size: 17px;
  transition: all 1s ease 0s;
}
@media (min-width: 300px) and (max-width: 997px) {
  .footer-social-icons .social-icons ul li a {
    font-size: 18px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .footer-social-icons .social-icons ul li a {
    font-size: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .footer-social-icons .social-icons ul li a {
    font-size: 18px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  .footer-social-icons .social-icons ul li a {
    font-size: 18px !important;
  }
}
.footer-social-icons .social-icons ul li a i {
  top: 2px;
  position: relative;
}
.footer-social-icons .social-icons ul li:hover {
  background: var(--calgary-primary-color-hover);
  border: 1px solid var(--calgary-primary-color-hover);
  cursor: pointer;
}
.footer-social-icons .social-icons ul li:hover a {
  color: var(--white-color);
}

html,
body {
  height: 100%;
  min-height: 100%;
  width: 100%;
}

body {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body {
    font-size: var(--wc-mobile-font-size);
  }
}
body a {
  color: var(--primary-color);
}
body a:hover {
  color: var(--primary-color);
}
body a:hover, body a:focus {
  text-decoration: none;
}
body a[href*=mailto] {
  color: var(--primary-color);
}
body a[href*=mailto]:hover {
  color: var(--primary-hover-color);
}

#push {
  position: relative;
  min-height: 277px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  #push {
    min-height: 14vw;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #push {
    min-height: 308px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #push {
    min-height: 350px !important;
  }
}
@media only screen and (max-width: 767px) {
  #push {
    min-height: 662px;
  }
}

.body-inner-wrap #wrapper .side-ribbon {
  position: fixed;
  z-index: 300;
  bottom: 30%;
  right: -20px;
  transition: all 0.3s linear 0s;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .body-inner-wrap #wrapper .side-ribbon {
    bottom: 20%;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .body-inner-wrap #wrapper .side-ribbon {
    bottom: 40%;
  }
}
.body-inner-wrap #wrapper .side-ribbon:hover {
  right: 0px;
}
.body-inner-wrap #wrapper .side-ribbon a {
  background: var(--calgary-primary-color);
  display: inline-block;
  line-height: normal;
  font-family: var(--nexa) !important;
  color: var(--white-color);
  font-size: 16px;
  background-image: url(../images/club-images/button_vector.png);
  background-repeat: repeat-x;
  vertical-align: bottom;
  text-transform: uppercase;
  padding: 15px 25px 12px 50px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}
@media (min-width: 300px) and (max-width: 997px) {
  .body-inner-wrap #wrapper .side-ribbon a {
    font-size: var(--default-mobile-font-size) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .body-inner-wrap #wrapper .side-ribbon a {
    font-size: 13px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  .body-inner-wrap #wrapper .side-ribbon a {
    font-size: 16px !important;
  }
}
.body-inner-wrap #wrapper .side-ribbon a:hover {
  background-color: var(--calgary-primary-color-hover);
  color: var(--white-color);
  animation: animateCloud 10s linear infinite;
}
@keyframes animateCloud {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1280px 0;
  }
}

.body-inner-wrap {
  min-height: 100%;
}

#ui-area .portlet-layout .portlet-header {
  margin-bottom: 0 !important;
}

#back-top {
  bottom: 6%;
  right: 30px;
  position: fixed;
  z-index: 120;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #back-top {
    bottom: 12%;
    right: 10px;
  }
}
#back-top a {
  display: block;
  text-align: center;
  padding: 0px;
  transition: all 1s ease 0s;
}
#back-top a i {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 25px;
}

#cst-content-margin,
.content-layout {
  margin: 3rem 0;
}

/* Theme club css Start */
/******************************************** 
TABLE OF CONTENT
1-  Mobile Menu Side Bar - MM Menu
2-  No Page Found Styles
3-  UI Styles
4-  Back To Top Styles
5-	Slider Classes


/* UI Styles 
****************************************************/
/* Mobile Menu Side Bar - MM Menu*/
.mm-navbar {
  background: #4F758A !important;
  color: var(--white-color) !important;
}

.mm-btn_next:after {
  border-color: #fff !important;
}

#menu a.mm-title {
  color: #fff !important;
}

.mm-panels > .mm-panel > div {
  background: #4F758A !important;
}
.mm-panels > .mm-panel > div a {
  color: #4F758A !important;
}
.mm-panels > .mm-panel > div a span {
  color: #fff !important;
}

.mm-panels > .mm-panel .mm-navbar_sticky a:before {
  border-color: #fff !important;
}

.mm-panels,
.mm-panels > .mm-panel {
  background: var(--calgary-primary-color) !important;
  color: #4F758A !important;
}
.mm-panels a,
.mm-panels > .mm-panel a {
  color: var(--white-color) !important;
}
.mm-panels a:hover,
.mm-panels > .mm-panel a:hover {
  color: var(--white-color) !important;
}
.mm-panels .mm-listview > li,
.mm-panels > .mm-panel .mm-listview > li {
  border-top: 1px solid #47697c !important;
}
.mm-panels .mm-listview > li .mm-next,
.mm-panels > .mm-panel .mm-listview > li .mm-next {
  background: transparent !important;
}
.mm-panels .mm-listview > li .mm-next:before, .mm-panels .mm-listview > li .mm-next:after,
.mm-panels > .mm-panel .mm-listview > li .mm-next:before,
.mm-panels > .mm-panel .mm-listview > li .mm-next:after {
  border-color: #47697c !important;
}

.mm-menu_offcanvas {
  position: absolute !important;
}

/* Back To Top Styles */
#back-top {
  bottom: 80px;
  right: 60px;
  position: fixed;
  z-index: 120;
  width: 52px;
  height: 50px;
  background-color: #4F758A;
  cursor: pointer;
  transition: all 0.3s linear 0s;
  border-radius: 10px;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  #back-top {
    bottom: 190px !important;
    right: 12px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #back-top {
    bottom: 90px !important;
    right: 12px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #back-top {
    bottom: 60px !important;
    right: 12px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #back-top {
    bottom: 70px !important;
    right: 30px !important;
  }
}
#back-top:hover {
  background-color: #666;
}
#back-top a {
  display: block;
  text-align: center;
  padding: 0px;
  transition: all 1s ease 0s;
  filter: invert(0);
}
#back-top a:hover img {
  filter: invert(1);
}
#back-top a i {
  display: block;
  padding: 12px;
  color: #fff;
  font-size: 28px;
}

/* Back To Top Styles */
.max-width-container {
  margin: auto;
}
@media (min-width: 1600px) {
  .max-width-container {
    max-width: 1535px;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  .max-width-container {
    padding: 0px 50px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .max-width-container {
    padding: 0px 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .max-width-container {
    padding: 0px 50px !important;
  }
}

#ui-area .container-padding {
  margin-bottom: 50px;
}
@media (min-width: 997px) and (max-width: 1023px) {
  #ui-area .container-padding {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .container-padding {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .container-padding {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .welcome-txt.facilities_service_txt {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  #ui-area .welcome-txt.facilities_service_txt {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .welcome-txt.facilities_service_txt {
    padding-top: 100px !important;
    padding-bottom: 50px !important;
  }
}
#ui-area .welcome-txt {
  padding: 0px 150px 100px;
  text-align: center;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .welcome-txt {
    padding: 50px 10px 75px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .welcome-txt {
    padding: 0 150px 60px;
  }
}
#ui-area .welcome-txt h3 {
  font-family: var(--cardo) !important;
  font-weight: 400 !important;
}
#ui-area .welcome-txt p {
  padding: 50px;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .welcome-txt p {
    padding: 30px 0;
  }
}
#ui-area .facilities_service_scroller .center .slick-arrow {
  position: absolute;
  font-size: 0;
  width: 60px;
  height: 60px;
  background: #fff;
  border: none;
  right: 19.7%;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
  outline: 0;
}
#ui-area .facilities_service_scroller .center .slick-prev {
  right: inherit;
  left: 19.7%;
}
#ui-area .facilities_service_scroller .center .slick-arrow:before {
  content: "\f054";
  font-size: 24px;
  color: #787878;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
#ui-area .facilities_service_scroller .center .slick-prev:before {
  content: "\f053";
}
#ui-area .facilities_service_scroller .slick-slide {
  padding: 0px 15px;
  position: relative;
}
#ui-area .facilities_service_scroller .slick-slide img {
  cursor: pointer;
}
#ui-area .facilities_service_scroller .slick-slide .facilities-des-box {
  padding: 50px;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  top: 50%;
  left: 0;
  z-index: 1;
  opacity: 0;
  transform: translate(0%, -50%);
  right: 0;
  max-width: 500px;
  margin: auto;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .facilities_service_scroller .slick-slide .facilities-des-box {
    width: 75% !important;
    padding: 20px !important;
  }
}
#ui-area .facilities_service_scroller .slick-slide .facilities-des-box h3 {
  font-family: var(--cardo) !important;
  font-weight: 400 !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .facilities_service_scroller .slick-slide .facilities-des-box p {
    padding-bottom: 10px !important;
  }
}
#ui-area .facilities_service_scroller .slick-active .facilities-des-box {
  opacity: 1;
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .facilities_service_scroller .slick-active .facilities-des-box {
    position: absolute;
    top: 0 !important;
    width: 75% !important;
    padding: 20px 0px !important;
    transform: none !important;
    top: 12% !important;
    left: 0;
    z-index: 1;
    transform: translate(-50%, -50%);
    margin: auto !important;
    right: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#ui-area .instagram_feed {
  margin-bottom: 20px;
  display: none;
}
#ui-area .connenct_with_us {
  padding: 100px 0;
}
#ui-area .connenct_with_us .follow_btn {
  text-align: right;
  margin-top: 40px;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .connenct_with_us .follow_btn {
    text-align: center !important;
  }
}
#ui-area .vertical_tabs {
  background-image: url(../images/club-images/pattern_design.png);
  background-position: top center !important;
  background-repeat: repeat-x;
}
#ui-area .custom-content-wrapper .three-column-info-blocks .info_block {
  display: block;
}
#ui-area .custom-content-wrapper .three-column-info-blocks .info_block .card .card-image {
  height: auto;
  padding-bottom: 0;
}
#ui-area .custom-content-wrapper .three-column-info-blocks .info_block .card .card-image img {
  position: relative;
}
#ui-area .custom-content-wrapper .three-column-info-blocks .info_block .card .card-body {
  background: #e9e9e9;
}
#ui-area .custom-content-wrapper .three-column-info-blocks .info_block .card .card-body h5 {
  font-size: var(--wc-fs-heading4);
  text-transform: uppercase;
  text-align: center;
}
#ui-area .custom-content-wrapper .three-column-info-blocks .info_block .card .card-body .btn-wc-primary {
  display: block;
}

.custom_button_web {
  color: var(--white-color);
}

h1 i {
  display: none;
}

.btn.btn-primary {
  border-color: var(--primary-color) !important;
}

#ui-area .announcement-portlet .announcement-bottom-bar .announcement-description .announcement-short-description {
  padding-bottom: 0 !important;
}
#ui-area .announcement-portlet .announcement-controls ul li a {
  cursor: pointer;
}

#ui-area .side-content {
  margin: 0px 0 70px 0 !important;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .side-content {
    margin: 0px 0 20px 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
  #ui-area .side-content {
    margin: 0px 0 40px 0 !important;
  }
}
#ui-area .side-content h3 {
  padding-top: 30px !important;
  padding-bottom: 10px !important;
}
#ui-area .side-content .side-content-inner {
  background: #fdfdfd;
  padding: 30px 18px;
  border: 2px solid #f0f0f0;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .side-content .side-content-inner {
    text-align: center;
  }
}
#ui-area .side-content .side-content-inner p {
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
}
#ui-area .side-content .side-content-inner p b {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}
#ui-area .side-content .side-content-inner p span {
  font-weight: 600;
  text-transform: uppercase;
}
#ui-area .side-content .side-content-inner p:last-child {
  margin-bottom: 0;
}
#ui-area .side-content .side-content-inner ul:last-child,
#ui-area .side-content .side-content-inner ol:last-child {
  margin-bottom: 0;
}
#ui-area .side-content .side-content-inner hr {
  border: 1px solid #e5e5e5;
  margin: 20px 0;
}

/* Sub Navigation Classes Start */
#ui-area nav.sub-nav {
  height: auto;
  background: #4F758A;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1023px) {
  #ui-area nav.sub-nav {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ui-area nav.sub-nav {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  #ui-area nav.sub-nav .container {
    width: 100% !important;
  }
}
#ui-area nav.sub-nav ul {
  height: auto;
  padding: 0;
  background: #4F758A;
  flex-wrap: wrap;
}
#ui-area nav.sub-nav ul li.selected-li-bg a:hover {
  text-decoration: none !important;
}
#ui-area nav.sub-nav ul li.selected-li-bg ul.nav-child {
  top: initial !important;
}
#ui-area nav.sub-nav ul li.selected-li-bg ul.nav-child li a {
  color: #fff;
  line-height: 70px;
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
  #ui-area nav.sub-nav ul li.selected-li-bg ul.nav-child li a {
    line-height: 60px;
  }
}
#ui-area nav.sub-nav ul li a {
  color: #fff;
  padding: 0px 16px;
  display: block;
  font-size: 18px;
  font-weight: 300;
  float: none !important;
  font-family: "muli", sans-serif;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out 0s !important;
  height: 70px;
  line-height: 70px;
  letter-spacing: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
  #ui-area nav.sub-nav ul li a {
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    letter-spacing: 1px;
    padding: 0px 12px;
  }
}
#ui-area nav.sub-nav ul li a:hover {
  text-decoration: none !important;
  transition: all 0.3s ease-in-out 0s !important;
}
#ui-area nav.sub-nav ul li:hover {
  background: #fff;
  transition: all 0.3s ease-in-out 0s !important;
}
#ui-area nav.sub-nav ul li:hover a {
  transition: all 0.3s ease-in-out 0s !important;
}

/* Sub Navigation Classes End */
.testimonials-style {
  padding: 0px 200px;
  padding-top: 0px;
}
@media (min-width: 300px) and (max-width: 997px) {
  .testimonials-style {
    padding: 30px 20px;
  }
}

#ui-area .side-navigation-portlet .sidenav-custom-accordion-div .sidenav-custom-accordion-ul {
  background: transparent;
}
#ui-area .side-navigation-portlet .sidenav-custom-accordion-div .sidenav-custom-accordion-ul .sidenav-custom-accordion-parent a {
  width: 100%;
  padding: 0;
}
#ui-area .side-navigation-portlet .sidenav-custom-accordion-div .sidenav-custom-accordion-ul .sidenav-custom-accordion-parent a::before {
  display: none;
}
#ui-area .side-navigation-portlet .sidenav-mobile-custom-accordion-div .sidenav-mobile-custom-accordion-home-ul .sidenav-mobile-custom-accordion-home-li .mobile-sidenav-custom-accordion-home-a {
  padding: 0 !important;
  width: 100%;
}
#ui-area .side-navigation-portlet .sidenav-mobile-custom-accordion-div .sidenav-mobile-custom-accordion-home-ul .sidenav-mobile-custom-accordion-home-li .mobile-sidenav-custom-accordion-home-a::before {
  display: none;
}
#ui-area .side-navigation-portlet .sidenav-mobile-custom-accordion-div .sidenav-mobile-custom-accordion-home-ul .sidenav-mobile-custom-accordion-home-li .sidenav-mobile-custom-accordion-ul .mobile-sidenav-custom-accordion-parent .mobile-sidenav-custom-accordion-parent-a {
  padding: 0 !important;
  width: 100%;
}
#ui-area .side-navigation-portlet .sidenav-mobile-custom-accordion-div .sidenav-mobile-custom-accordion-home-ul .sidenav-mobile-custom-accordion-home-li .sidenav-mobile-custom-accordion-ul .mobile-sidenav-custom-accordion-parent .mobile-sidenav-custom-accordion-parent-a::before {
  display: none;
}
#ui-area .side-navigation-portlet .sidenav-mobile-custom-accordion-div .sidenav-mobile-custom-accordion-home-ul .sidenav-mobile-custom-accordion-home-li .sidenav-mobile-custom-accordion-ul .mobile-sidenav-custom-accordion-parent .mobile-sidenav-custom-accordion-parent-a .mobile-sidenav-custom-accordion-heading {
  font-size: 14px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.accordion-content {
  display: none;
}

.MySettings-portlet .ui-chkbox .ui-chkbox-label {
  top: 0px !important;
}

body.wcprop-2 section.portlet input, body.wcprop-2 section.portlet .ui-selectonemenu, body.wcprop-2 section.portlet .ui-inputtextarea {
  border: 1px solid #ababab !important;
}

.inner_pages_banner .banner_bottom_bar {
  height: 150px !important;
  background-position: top center !important;
}

.main_banner {
  background-color: var(--white-color) !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  .main_banner #myVideo {
    height: 600px !important;
    object-fit: cover;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .main_banner #myVideo {
    height: 600px !important;
    object-fit: cover;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .main_banner #myVideo {
    height: 600px !important;
    object-fit: cover;
  }
}
.main_banner .banner_bottom_bar {
  background-image: url(../images/club-images/Banner_btm_bar.png?v=1.0);
  background-repeat: repeat-x;
  background-position: top center;
  width: 100% !important;
  position: absolute;
  bottom: -1px !important;
  height: 120px;
  z-index: 99;
}
@media (min-width: 300px) and (max-width: 997px) {
  .main_banner .banner_bottom_bar {
    background-position-y: 20px !important;
    background-position-x: 0 !important;
    height: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .main_banner .banner_bottom_bar {
    background-position-y: -10px !important;
    background-position-x: 0 !important;
    height: 90px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .main_banner .banner_bottom_bar {
    background-position-y: -10px !important;
    background-position-x: 0 !important;
    height: 90px !important;
  }
}
.main_banner .scroll_explore {
  z-index: 100;
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  top: 35%;
  text-transform: uppercase;
  left: -40px;
  letter-spacing: 5px !important;
  font-size: 13px !important;
}
.main_banner .scroll_explore:before {
  content: "";
  background-image: url(../images/club-images/long_arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 163px;
  display: block;
  transform: rotate(90deg);
  position: absolute;
  left: -110px;
  top: -70px;
}
@media (min-width: 300px) and (max-width: 997px) {
  .main_banner .scroll_explore {
    left: -70px !important;
    top: 40% !important;
    font-size: 12px !important;
  }
}
.main_banner .banner-details {
  position: absolute;
  margin: auto !important;
  bottom: 0;
  top: 0;
  z-index: 99;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.main_banner .banner-details .custom_description {
  opacity: 0;
  position: absolute;
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 95%;
  width: 95%;
  text-align: center;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .main_banner .banner-details .custom_description {
    margin-top: 30px;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  .main_banner .banner-details .custom_description {
    margin-top: 80px;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .main_banner .banner-details .custom_description {
    margin-left: 100px !important;
    margin-top: 50px !important;
  }
}
.main_banner .banner-details .custom_description .custom_link {
  margin: 20px 0;
}
.main_banner .banner-details .custom_description .big_heading {
  font-size: 60px !important;
  color: var(--white-color) !important;
  line-height: normal !important;
  font-weight: 400;
  font-family: var(--cardo) !important;
  line-height: 70px !important;
  margin: 0px !important;
  padding: 0 !important;
  max-width: 90%;
  width: 90%;
  text-align: center;
  margin: auto !important;
  left: 0;
  right: 0;
}
@media (min-width: 300px) and (max-width: 997px) {
  .main_banner .banner-details .custom_description .big_heading {
    font-size: 26px !important;
    line-height: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .main_banner .banner-details .custom_description .big_heading {
    font-size: 50px !important;
    line-height: 50px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .main_banner .banner-details .custom_description .big_heading {
    font-size: 50px !important;
    line-height: 50px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  .main_banner .banner-details .custom_description .big_heading {
    font-size: 60px !important;
    line-height: 60px !important;
  }
}
.main_banner .banner-details .custom_description span {
  display: block;
  font-family: var(--nexa-font) !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  .main_banner .banner-details .custom_description {
    top: 50% !important;
  }
}
.main_banner .big_heading span {
  display: block;
}
.main_banner .big_heading > span {
  display: block;
  position: relative;
  overflow: hidden;
}
.main_banner .big_heading > span:nth-child(1) {
  transition-delay: 0.7s;
}
.main_banner .big_heading > span:nth-child(2) {
  transition-delay: 0.8s;
}
.main_banner .big_heading > span > span {
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1) transform;
  transform: translateY(100%);
}

.rev_slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background-color: rgba(25, 25, 25, 0.1) !important;
}

body.loaded .custom_description {
  animation-name: bannervisiable;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
@keyframes bannervisiable {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.loaded .big_heading > span > span {
  transform: translateY(0);
  transition-delay: inherit;
}

@media (min-width: 300px) and (max-width: 997px) {
  .no-padding {
    padding: 0 !important;
  }
}

.row:before, .row:after {
  display: none !important;
}

aui,
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  width: 100%;
}

body {
  position: relative;
  min-height: 100%;
  width: 100%;
}

#mm-0 {
  min-height: 100%;
  padding-bottom: 0px;
}

#push {
  min-height: 470px;
  background: #f8f8f8;
  position: relative;
}
@media (min-width: 997px) and (max-width: 1023px) {
  #push {
    min-height: 770px !important;
    background: #f3f5f7 !important;
  }
}

@media (min-width: 1200px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    padding: var(--container-padding);
  }
}
/* ----------- start 200px to 767px ----------- */
@media screen and (min-width: 200px) and (max-width: 767px) {
  #push {
    min-height: 756px !important;
  }
}
/* end 200px to 667px ----------- */
/* ----------- start 768px to 1024px ----------- */
@media screen and (min-width: 855px) and (max-width: 1200px) {
  #push {
    min-height: 335px !important;
  }
}
@media screen and (min-width: 777px) and (max-width: 854px) {
  #push {
    min-height: 386px !important;
  }
}
/* end 200px to 667px ----------- */
#wrap {
  min-height: 100%;
  position: relative;
}

/* --------Body Container ----------- */
/* Admin Class  */
.lfr-add-panel .add-content-menu .accordion .nav-list .lfr-content-item {
  width: 100% !important;
}

@media screen and (max-width: 1920px) and (min-width: 1250px) {
  .navigation-container {
    width: 915px !important;
  }
}
#ui-area .welcome-txt h1 {
  color: var(--light-blue) !important;
  font-size: 100px !important;
  line-height: 100px !important;
  font-family: var(--calgary-font) !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .welcome-txt h1 {
    font-size: 50px !important;
    line-height: 50px !important;
  }
}

header.header-area .nav-bg.nav-cst-wrapper .member_logout, .custom_button_web {
  background: var(--calgary-primary-color);
  padding: 15px 10px 11px !important;
  display: inline-block;
  line-height: normal;
  font-family: var(--nexa) !important;
  color: var(--white-color);
  font-size: 18px;
  background-image: url(../images/club-images/button_vector.png);
  background-repeat: repeat-x;
  vertical-align: bottom;
  text-transform: uppercase;
}
@media (min-width: 300px) and (max-width: 997px) {
  header.header-area .nav-bg.nav-cst-wrapper .member_logout, .custom_button_web {
    font-size: var(--default-mobile-font-size) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header.header-area .nav-bg.nav-cst-wrapper .member_logout, .custom_button_web {
    font-size: 13px !important;
    padding: 15px 10px 11px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  header.header-area .nav-bg.nav-cst-wrapper .member_logout, .custom_button_web {
    font-size: 16px !important;
  }
}
header.header-area .nav-bg.nav-cst-wrapper .member_logout:hover, .custom_button_web:hover {
  background-color: var(--calgary-primary-color-hover);
  color: var(--white-color);
  animation: animateCloud 10s linear infinite;
}
@keyframes animateCloud {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1280px 0;
  }
}

#ui-area .upcoming_events h2 {
  color: var(--white-color) !important;
  text-transform: uppercase !important;
  font-size: 40px !important;
  font-weight: 800 !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .upcoming_events h2 {
    font-size: 25px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  #ui-area .upcoming_events h2 {
    font-size: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .upcoming_events h2 {
    font-size: 30px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  #ui-area .upcoming_events h2 {
    font-size: 35px !important;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  70% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(241, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(241, 0, 0, 0);
  }
}

/* Mobile Version Menu  */
.humburger {
  position: relative;
}
@media (min-width: 300px) and (max-width: 997px) {
  .humburger {
    right: 30px;
  }
}
.humburger:after {
  content: "Menu";
  position: relative;
  top: 3px;
  left: 60px;
  color: #9ad7dd;
}

.humburger .l2 {
  width: 30px !important;
}

.humburger .l1, .humburger .l2, .humburger .l3 {
  position: absolute;
  display: block;
  margin: auto;
  top: 48%;
  left: 30px;
  height: 3px;
  width: 20px;
  background-color: #000 !important;
  transition: all 0.2s ease-out;
}

.humburger .l1 {
  top: 23%;
}

.humburger .l3 {
  top: 72%;
}

.humburger.active .l1 {
  transform: rotate(45deg);
  top: 48%;
}

.humburger.active .l2 {
  opacity: 0;
}

.humburger.active .l3 {
  transform: rotate(-45deg);
  top: 48%;
}

/* End */
figure {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease;
}
figure .thumbnail_description {
  position: absolute;
  background: rgba(34, 34, 34, 0.57);
  padding: 20px 20px;
  color: var(--white-color) !important;
  font-weight: 600 !important;
  width: 100%;
  bottom: -5px;
  z-index: 99;
  font-size: 24px;
  text-transform: uppercase;
  border-bottom: 5px solid var(--primary-color);
  transition: all 0.2s ease;
}
@media (min-width: 300px) and (max-width: 997px) {
  figure .thumbnail_description {
    font-size: 15px !important;
    padding: 10px 20px !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  figure .thumbnail_description {
    font-size: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  figure .thumbnail_description {
    font-size: 18px !important;
  }
}
@media (min-width:1201px) and (max-width:1516px) {
  figure .thumbnail_description {
    font-size: 20px !important;
  }
}
figure h1 {
  color: #fff !important;
  text-align: center;
  line-height: 0px;
}
figure:hover .thumbnail_description {
  bottom: 0px;
  transition: all 0.2s ease;
}
figure:hover figcaption {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  top: 0;
}
figure:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
figure:hover p {
  left: 0;
  margin-top: 0px;
}
figure img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
  width: 100%;
}

figcaption {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.1s;
}
figcaption h3 {
  font-weight: 400;
  color: #f3b204;
  padding: 10px 20px;
  margin-bottom: 0;
  position: relative;
  righ: 100%;
  margin-top: 37px;
  font-size: 30px;
}
figcaption p {
  padding: 20px 20px;
  margin: 0px;
  position: relative;
  left: 100%;
  font-size: 20px;
  color: #333 !important;
  text-align: left !important;
}

.portlet-borderless-container {
  min-height: 100% !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}

@media screen and (min-width: 768px) {
  .mm_login.login-page .navbar {
    display: none;
  }
}
.mm_login.login-page .background-wrap {
  background: #ddd;
  /* @include breakpoint(small) {
    background-image: none !important;
  } */
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap {
    min-height: 67vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
.mm_login.login-page .background-wrap a.logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.mm_login.login-page .background-wrap a.logo img {
  max-width: 129px;
  max-height: 83px;
}
.mm_login.login-page .background-wrap .login-wrap {
  max-width: 780px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .mm_login.login-page .background-wrap .login-wrap .login-style {
    padding-top: 40px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login {
    padding-top: 12px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left {
    padding: 20px 18px 8px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading {
    margin-bottom: 0 !important;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading h2 {
    margin-bottom: 8px !important;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form input[type=text] {
    margin-bottom: 12px;
    width: 100%;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form label[for=_58_rememberMeCheckbox] {
    margin-top: 12px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form #divTogglePassword .checkbox #_58_showPasswordCheckbox {
    opacity: 0;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .button-holder {
    margin-top: 8px;
  }
}
.mm_login.login-page .background-wrap .login-wrap .form-group {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 30px 0;
    margin: 0px 0px;
  }
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 5px 0;
  }
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 17px 19px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
  box-sizing: border-box;
  display: block;
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    display: inline-block;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
  padding: 26px;
  margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
    margin-bottom: 0;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left h2 {
  font-size: 25px !important;
  text-align: center;
  line-height: 24px;
  color: #4F758A !important;
  line-height: 30px;
  letter-spacing: normal !important;
  margin-bottom: 16px;
  text-transform: capitalize !important;
  font-weight: normal !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card {
  text-align: left;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card .alert-info {
  font-size: 11px !important;
  word-break: keep-all !important;
  display: inline-grid;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form {
  margin-bottom: 10px;
  /* .login-heading {
    margin-bottom: 16px !important;
  } */
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group {
  margin-bottom: 0px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
  margin-bottom: 5px;
  height: 36px;
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 300px) and (max-width: 997px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
    width: 100%;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input[type=password] {
  margin-bottom: 10px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group label.control-label {
  /* font-weight: 700 !important;
  font-size: $fontsize9 !important;
  color: $dark-fontColor;
  text-transform: $type-transform; */
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group label.control-label .label-required {
  color: red !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form label.checkbox {
  margin-left: 0;
  font-size: 14px !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
  font-weight: 200;
  font-size: 17px;
  color: #2c2c2c;
  line-height: 40px;
  text-align: center !important;
  display: block;
}
@media (min-width: 300px) and (max-width: 997px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
    font-size: 14px !important;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .button-holder {
  margin-top: 0px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation {
  text-align: center;
  border: 0px !important;
  background: transparent !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation a.taglib-icon img {
  display: none;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-text {
  font-weight: 500;
  font-size: 14px;
  color: #4F758A;
  text-decoration: none;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-captcha .captcha {
  margin-bottom: 10px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
  margin-left: 0;
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 0px 20px;
  }
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 26px 0px 10px 20px;
  }
}
@media screen and (min-width: 980px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 26px 0px 10px 30px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
  font-size: 30px;
  color: #777777;
  line-height: 30px;
  letter-spacing: normal !important;
  margin-bottom: 16px;
  text-transform: capitalize !important;
  font-family: "muli", sans-serif !important;
  /* &:first-child {
  	color: $primary-color !important;
  } */
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
    font-size: 20px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1:not(:first-of-type) {
  margin-top: 24px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2 {
  font-size: 25px !important;
  font-weight: 400 !important;
  color: #4F758A !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h3 {
  line-height: 25px;
  margin-bottom: 7px;
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h3 {
    font-size: 20px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2:not(:first-of-type), .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h3:not(:first-of-type) {
  margin-top: 24px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #ed1c24;
  border-bottom: none;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right p {
  font-family: "muli", sans-serif !important;
  font-size: 17px !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right p a {
  color: #4F758A !important;
}
.mm_login.login-page .background-wrap > .container-fluid.block {
  padding-top: 60px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap > .container-fluid.block {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  .mm_login.login-page .background-wrap > .container-fluid.block {
    padding-top: 100px;
  }
}
.mm_login.login-page #ui-area {
  background: #fff;
  padding: 0;
  border-radius: 20px;
}
@media screen and (max-width: 480px) {
  .mm_login.login-page #ui-area {
    border-radius: 10px;
  }
}
.mm_login.login-page .site-footer {
  margin-top: 0;
}

/* On Mobile Member Login */
.Member-login-footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background-color: #4F758A;
  color: #fff;
  text-transform: capitalizee;
  line-height: 3;
  z-index: 110;
  border-radius: 0px;
}
.Member-login-footer a {
  color: #fff !important;
  font-size: 14px !important;
}
.Member-login-footer a:hover {
  color: white;
}
.Member-login-footer h2 {
  font-size: 14px;
  margin: 0px;
  text-shadow: none;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  font-family: "muli", sans-serif;
}
.Member-login-footer #user-greeting {
  font-size: 15px;
  color: #000;
}
.Member-login-footer .mobile-Oaks-logo img {
  width: 70px !important;
  padding-top: 8px !important;
}
.Member-login-footer #user-greeting-phone img.phone-m-image {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  min-height: 27px;
  border: 1px solid #560a0e;
  margin-right: 10px;
  vertical-align: middle;
}

/*End On Mobile Member Login */
/* Private Landing Classes starts */
#ui-area .private-landing .container-padding {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) and (max-width: 1360px) {
  #ui-area .private-landing .container-padding {
    width: 100%;
    padding: 0 2%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .private-landing .container-padding {
    width: 100%;
    padding: 0 1%;
  }
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .private-landing .container-padding {
    width: 100%;
    padding: 0 2%;
  }
}
#ui-area .private-landing .home-announcement-wrapper {
  padding-top: 0;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .private-landing .home-announcement-wrapper {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .private-landing .home-announcement-wrapper {
    padding-top: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #ui-area .private-landing .home-announcement-wrapper {
    padding-top: 0;
  }
}
#ui-area .private-landing .home-events-wrapper h2,
#ui-area .private-landing .home-blogs-wrapper h2 {
  color: #2c2c2c;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: "muli", sans-serif;
}
#ui-area .private-landing .side-catalogue {
  margin: 0px 0 70px 0 !important;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .private-landing .side-catalogue {
    margin: 0px 0 20px 0 !important;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
  #ui-area .private-landing .side-catalogue {
    margin: 0px 0 40px 0 !important;
  }
}
#ui-area .private-landing .side-catalogue p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .private-landing .side-instagaram {
    text-align: center;
    margin-bottom: 20px;
  }
}
#ui-area .private-landing .custom-btn-wrapper {
  background-image: url("../images/club-images/inner-sec-04.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 53px 0 46px;
  margin-bottom: 50px;
  margin-top: 40px;
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article {
  text-align: center;
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article h2 {
  font-size: 36px;
  color: #2c2c2c;
  margin-bottom: 8px;
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article h3 {
  font-size: 32px;
  font-weight: 300;
  color: #2c2c2c;
  margin-bottom: 50px;
  text-transform: none;
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li {
  display: inline-block;
  padding-right: 50px;
  margin-bottom: 20px;
}
@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li {
    padding-right: 14px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li {
    padding-right: 20px;
  }
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li:last-child {
  padding-right: 0;
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li a {
  color: #2c2c2c !important;
  border: 2px solid #2c2c2c;
  font-style: inherit;
  text-decoration: none !important;
  font-size: 17px;
  text-transform: uppercase;
  background-color: transparent !important;
  padding: 16px 30px 14px;
  transition: all 0.3s linear 0s;
  margin: 0 !important;
  display: inline-block;
  font-family: "muli", sans-serif;
  text-shadow: none !important;
  font-weight: 400;
  line-height: normal;
  border-radius: 40px !important;
  letter-spacing: 0.36px;
}
#ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li a:hover, #ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li a:active, #ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li a:focus {
  background: #fff !important;
  border: 2px solid #fff;
  color: #2c2c2c !important;
}
@media screen and (min-width: 220px) and (max-width: 1199px) {
  #ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li a {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .private-landing .custom-btn-wrapper .custom-btn-section .journal-content-article ul li a {
    display: block;
  }
}

/* end Private landing classes */
.quick_boxes {
  margin: 75px 0 55px 0;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  .quick_boxes {
    margin: 40px 0 40px 0;
  }
}
.quick_boxes figure {
  margin: 0;
  padding: 0;
  min-height: 275px;
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 0px;
  transition: all 0.4s ease;
}
.quick_boxes figure:hover figcaption {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  top: 0;
}
.quick_boxes figure:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.quick_boxes figure:hover p {
  left: 0;
  margin-top: 0px;
  margin-bottom: 0 !important;
  padding-bottom: 15px !important;
  line-height: 25px !important;
  text-align: center !important;
}
.quick_boxes figure:hover .thum-caption-ui {
  display: none !important;
}
.quick_boxes figure img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
  width: 100%;
  min-height: 275px;
  object-fit: cover;
}
.quick_boxes .overlay-captions-ui-title {
  font-size: 24px;
  line-height: normal;
  font-family: "muli", sans-serif !important;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 0 20px 0 !important;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.quick_boxes .overlay-captions-ui-title span {
  display: block;
}
.quick_boxes .overlay-captions a.member-link {
  padding: 5px 16px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 16px;
  font-size: "muli", sans-serif;
  display: inline-block;
  background-color: #4F758A;
  margin-top: 10px;
  border: 2px solid #fff;
}
.quick_boxes .overlay-captions a.member-link:hover {
  text-decoration: none !important;
}
.quick_boxes figcaption {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.73);
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.1s;
}
.quick_boxes .thum-caption-ui-title {
  position: absolute;
  font-family: "muli", sans-serif !important;
  bottom: 50px;
  right: 0;
  left: 0;
  width: auto;
  font-weight: normal !important;
  font-size: 25px !important;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  line-height: 35px;
}
.quick_boxes .thum-caption-ui-title span {
  display: block;
  font-size: 16px !important;
  margin-top: 15px;
  text-transform: capitalize;
  font-weight: bold;
}
.quick_boxes .thum-caption-ui {
  position: absolute;
  width: auto;
  padding: 0px;
  height: 200px;
  left: 0;
  right: 0;
  bottom: 0px !important;
  background: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 0, rgba(5, 1, 0, 0.3) 38%, rgba(5, 1, 0, 0) 50%);
  transition: all 0.3s ease-in-out 0s;
}
.quick_boxes .gird-box-links-wrapper {
  margin: 0 auto;
}
.quick_boxes .gird-box-links-wrapper ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  .quick_boxes .gird-box-links-wrapper ul {
    display: block !important;
  }
}
.quick_boxes .gird-box-links-wrapper ul li {
  flex-grow: 1;
  list-style: outside none none;
  text-align: center;
  margin-right: 26px;
  margin-bottom: 0px;
}
.quick_boxes .gird-box-links-wrapper ul li:last-child {
  margin-right: 0 !important;
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  .quick_boxes .gird-box-links-wrapper ul li:last-child {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  .quick_boxes .gird-box-links-wrapper ul li {
    margin: 0 auto 20px !important;
    max-width: 340px;
  }
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .quick_boxes .overlay-captions-ui-title {
    padding: 120px 0px 0;
  }
  .quick_boxes .thum-caption-ui {
    background: -webkit-linear-gradient(bottom, black 0, rgba(5, 1, 0, 0.35) 60%, rgba(5, 1, 0, 0) 80%);
  }
  .quick_boxes figure {
    margin: 0 auto 0px;
    max-width: 340px;
    text-align: center !important;
  }
}
@media screen and (min-width: 200px) and (max-width: 1024px) {
  .quick_boxes .thum-caption-ui-title {
    font-size: 16px !important;
    bottom: 30px !important;
  }
  .quick_boxes .thum-caption-ui {
    background-size: contain !important;
  }
}

/* Side Nav For Mobile */
span.sidenav-mobile-view-heading {
  background: #2c2c2c !important;
  font-size: 17px !important;
}

.sidenav-mobile-view-div {
  padding: 0 !important;
}

/* side Navigation */
.sidenav-session-ul {
  padding: 0;
  margin: 0 !important;
}

.sidenav-mobile-view-div {
  padding: 15px 0px !important;
  margin: 0px;
  color: #fff !important;
}
.sidenav-mobile-view-div a {
  color: #fff !important;
  display: block;
  text-align: left;
}
.sidenav-mobile-view-div .sidenav-mobile-view-ul {
  margin-bottom: 0px !important;
}
.sidenav-mobile-view-div a span + i {
  float: right !important;
}

span.sidenav-session-heading {
  display: none !important;
  color: #fff;
  padding: 0px !important;
  text-shadow: none;
  font-weight: 400;
  text-align: center !important;
  text-transform: initial !important;
}
@media (min-width: 1200px) and (max-width: 2200px) {
  span.sidenav-session-heading {
    font-size: 18px !important;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  span.sidenav-session-heading {
    font-size: 28.8px !important;
  }
}

.sidenav-session-children {
  background-color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sidenav-session-children .subLeft {
  border-bottom: 1px solid #fff;
  display: block !important;
  max-width: 308px;
  width: 100%;
  margin-bottom: 6px !important;
}
.sidenav-session-children .subLeft a {
  color: #4F758A;
  line-height: normal;
  font-weight: 400;
  text-align: left !important;
  width: 100%;
  letter-spacing: 2px !important;
  transition: all 0.3s ease;
}
.sidenav-session-children .subLeft a span {
  outline: 0px solid #ccc;
  width: 100% !important;
  padding: 10px 0px;
  line-height: normal;
  text-decoration: none;
  text-transform: capitalize !important;
  transition: all 0.3s ease;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #4F758A !important;
}
@media (min-width: 997px) and (max-width: 1023px) {
  .sidenav-session-children .subLeft a span {
    font-size: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .sidenav-session-children .subLeft a span {
    font-size: 18px !important;
  }
}
.sidenav-session-children .subLeft a span:hover {
  color: #cdc488 !important;
}
.sidenav-session-children .subLeft a span.side-nav-session-selected-item {
  outline: 0px solid #4F758A !important;
}
.sidenav-session-children .subLeft:focus-within a {
  color: #cdc488 !important;
}

.more-detail-side-nav ul ul {
  margin-top: 0px !important;
  padding-top: 0 !important;
}

/* Media Query For Side Navigation*/
@media screen and (max-width: 1250px) and (min-width: 500px) {
  sidenav-session-ul {
    margin: 0px !important;
  }
  span.sidenav-session-heading {
    padding: 0 0 10px 0 !important;
    font-size: 20px !important;
  }
  .sidenav-session-ul {
    margin: 10px 20px !important;
  }
}
@media screen and (max-width: 1250px) and (min-width: 500px) and (min-width: 997px) and (max-width: 1023px) {
  .sidenav-session-ul {
    margin: 10px 0px !important;
  }
}
@media screen and (max-width: 1250px) and (min-width: 500px) and (min-width: 1024px) and (max-width: 1199px) {
  .sidenav-session-ul {
    margin: 10px 0px !important;
  }
}
/* mobile view classes */
.sidenav-mobile-view-div .sidenav-mobile-view-ul ul li a {
  background-color: #4F758A !important;
}

#ui-area .side-nav .side-navigation-portlet a .sidenav-session-children-heading, #ui-area .side-nav .side-navigation-portlet a .sidenav-session-children-selected-heading {
  border-bottom: 2px solid #fff;
  text-align: center;
  font-size: 25px !important;
  padding: 20px;
  background: #0c427e;
  text-transform: capitalize;
}
#ui-area .side-nav .side-navigation-portlet a .sidenav-session-children-heading:hover, #ui-area .side-nav .side-navigation-portlet a .sidenav-session-children-selected-heading:hover {
  background: #0c427e !important;
  color: #fff !important;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-session-children-ul {
  padding: 0 !important;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a {
  width: 100% !important;
  border-bottom: 2px solid #fff;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a span {
  padding: 20px 30px !important;
  font-family: "muli", sans-serif !important;
  background: #083668 !important;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a span:hover {
  background: #026adb !important;
  color: #fff !important;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a .side-nav-session-children-selected-item {
  background: #026adb !important;
  color: #fff !important;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-custom-ul li:first-child span {
  font-size: 25px !important;
  text-align: center !important;
  color: #fff !important;
  font-family: "muli", sans-serif !important;
  background: #0c427e;
  text-transform: capitalize;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-custom-ul li:first-child span:hover {
  background: #0c427e !important;
  color: #fff !important;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-custom-ul li span {
  border-bottom: 2px solid #fff;
  text-align: center;
  font-size: 16px !important;
  padding: 20px 30px !important;
  background: #083668 !important;
  text-transform: capitalize;
  font-family: "muli", sans-serif !important;
  text-align: left !important;
}
#ui-area .side-nav .side-navigation-portlet .sidenav-custom-ul li span:hover {
  background: #026adb !important;
  color: #fff !important;
}
#ui-area .side-nav .sidenav-mobile-view-div {
  background: #fff !important;
  padding: 0 !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul {
  padding: 0px !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent {
  padding: 0px !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-heading {
  background-color: #0c427e;
  padding: 15px 20px !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-heading + i {
  background: transparent !important;
  color: #fff !important;
  margin-top: -7px !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children {
  padding: 0 !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a {
  width: 100% !important;
  border-bottom: 2px solid #fff;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a span {
  padding: 15px 10px !important;
  font-family: "muli", sans-serif !important;
  background: #083668 !important;
  color: #fff !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a span:hover {
  background: #026adb !important;
  color: #fff !important;
}
#ui-area .side-nav .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-session-children-selected-item {
  background: #026adb !important;
  color: #fff !important;
}

#ui-area .upcoming_events {
  margin-bottom: 95px;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .upcoming_events {
    margin-bottom: 50px;
  }
}
#ui-area .upcoming_events .ui-widget-content, #ui-area .upcoming_events .ui-datagrid-column {
  background: transparent !important;
}
#ui-area .upcoming_events h2 {
  line-height: normal !important;
  margin-bottom: 20px !important;
}
#ui-area .upcoming_events .events-portlet .events-cal-link-container .events-cal-link {
  background: #000 !important;
  border-radius: 0px !important;
  color: #fff !important;
  font-family: "muli", sans-serif !important;
  border: 0 !important;
}
#ui-area .upcoming_events .events-portlet .events-scroller-view-container .ui-grid-responsive {
  margin-top: 0px !important;
}
#ui-area .upcoming_events .events-portlet .events-scroller-view-container .ui-widget-content {
  padding: 0px !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-event {
  margin: 0px 0 30px !important;
  border: 0px solid #fff !important;
  background: transparent !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-event:hover {
  box-shadow: none !important;
  transform: none !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
  max-width: 405px !important;
  margin: 0;
  border: 0px solid #cccccb !important;
  border-radius: 0;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    max-width: 100% !important;
    margin-bottom: 0px !important;
  }
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-event-image {
  height: 305px !important;
  border: 0px !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail {
  background: var(--dark-color) !important;
  padding: 15px 30px !important;
  border: 1px solid var(--dark-color) !important;
  border-left: 0px solid var(--dark-color) !important;
  padding-top: 25px !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail {
    padding: 15px !important;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail {
    border-left: 1px solid var(--dark-color) !important;
  }
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-hr {
  visibility: hidden;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdescription {
  margin: 0px !important;
  color: var(--white-color) !important;
  width: 100%;
  float: left;
  margin-bottom: 20px !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
  font-size: 25px !important;
  font-weight: 600;
  font-family: "muli", sans-serif !important;
  text-transform: capitalize;
  color: var(--white-color) !important;
}
@media (min-width: 997px) and (max-width: 1023px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
    font-size: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
    font-size: 28px !important;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
    font-size: 22px !important;
    display: block !important;
    width: 100%;
    float: left !important;
    margin: 10px 0;
  }
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventstatus {
  padding: 12px 32px !important;
  font-size: 16px !important;
  line-height: normal;
  font-weight: normal !important;
  font-family: "muli", sans-serif !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  background: var(--primary-color);
}
@media (min-width: 997px) and (max-width: 1023px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventstatus {
    padding: 10px !important;
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventstatus {
    padding: 10px !important;
    font-size: 14px !important;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventstatus {
    font-size: 12px !important;
    padding: 10px !important;
    width: 100%;
    text-align: center;
  }
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .Registration {
  background: #d50000 !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventstatus-Unavailable {
  background: #b1b1b1 !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdetails {
  color: var(--white-color) !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdetails .events-advancelisting-eventnumber, #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdetails .events-advancelisting-eventdate, #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdetails .events-advancelisting-eventtime, #ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdetails .events-advancelisting-eventslots {
  color: var(--white-color) !important;
}
#ui-area .upcoming_events .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdetails i {
  color: var(--white-color) !important;
}

.photo-list-container ul li {
  width: 33%;
}
@media (min-width: 300px) and (max-width: 997px) {
  .photo-list-container ul li {
    width: 100% !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  .photo-list-container ul li {
    width: 48% !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .photo-list-container ul li {
    width: 48% !important;
  }
}

.photo-list-container ul li .photo img {
  width: 200px;
}

.photo-list-container ul li .span5, .photo-list-container ul li .span7 {
  width: 100% !important;
  text-align: center;
}

.photo-list-container ul li .span7 h4, .photo-list-container ul li .span7 p {
  text-align: center !important;
}

.featured-text-block {
  background: #f8f7f7 !important;
}
.featured-text-block .left img {
  width: 100% !important;
  max-height: 185px !important;
  object-fit: cover;
}
.featured-text-block .right h2 {
  font-size: 30px !important;
  font-family: "muli", sans-serif !important;
  color: #AE976A !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
}
.featured-text-block .right .btn {
  margin: 0px 5px !important;
  padding: 10px 20px !important;
  color: #ae976a !important;
  border: 1px dashed #000 !important;
  border-radius: 0px;
  box-shadow: none;
  background: #f8f7f7 !important;
  border: 0;
}
.featured-text-block .right .btn:hover {
  background: #000 !important;
  color: #fff !important;
}

.static-image-content-block .static-image-block .content {
  background: rgba(0, 0, 0, 0.56) !important;
}
.static-image-content-block .static-image-block .content h1 {
  color: #fff !important;
}
.static-image-content-block .static-image-block .content p {
  color: #fff !important;
  line-height: 25px !important;
}
.static-image-content-block .static-image-block .content .btn {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0px;
}
.static-image-content-block .static-image-block .content .btn:hover {
  color: #ae976a !important;
}

/* Accordion */
#ui-area .accordion h3.accordion-toggle:hover {
  background-color: #ae976a !important;
}

#ui-area .accordion .accordion-content {
  border-top: 20px solid #fff !important;
  border-bottom: 20px solid #fff !important;
  border-right: 0px !important;
  border-left: 0px !important;
}
#ui-area .accordion h3.accordion-toggle {
  background-color: #4b4b4b !important;
  letter-spacing: normal !important;
  text-transform: capitalize !important;
  color: #fff !important;
  font-weight: 700;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .accordion h3.accordion-toggle {
    font-size: 14px !important;
  }
}
#ui-area .accordion h3.accordion-toggle.active, #ui-area .accordion h3.accordion-toggle.active:hover {
  background-color: #ae976a !important;
}

/* Tabs */
#ui-area .tabs-container {
  margin-bottom: 50px;
}
#ui-area .tabs-container ul.tabs-menu li.tab-link {
  border: 1px solid #f8f7f7 !important;
  display: inline-block;
  width: 13%;
  border-bottom: 0px !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .tabs-container ul.tabs-menu li.tab-link {
    width: auto !important;
  }
}
#ui-area .tabs-container ul.tabs-menu li.tab-link h3 {
  margin-bottom: 0px !important;
  background: #4B4B4B;
  font-family: "muli", sans-serif !important;
  letter-spacing: normal !important;
  font-weight: bold !important;
  color: #fff !important;
  padding: 15px 10px !important;
}
#ui-area .tabs-container ul.tabs-menu li.tab-link h3:hover {
  background: #ae976a !important;
  color: #fff !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .tabs-container ul.tabs-menu li.tab-link h3 {
    font-size: 11px !important;
    padding: 15px 7px !important;
  }
}
#ui-area .tabs-container ul.tabs-menu .active {
  border-bottom: 1px solid #616161 !important;
}
#ui-area .tabs-container ul.tabs-menu .active h3 {
  background: #ae976a !important;
  color: #fff !important;
}
#ui-area .tabs-container .tabs-content {
  background: #f8f7f7 none repeat scroll 0 0 !important;
  padding: 25px !important;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .tabs-container .tabs-content .img-fluid {
    margin-bottom: 20px !important;
  }
}

/* Web Template CSS */
.image-callout-wrap {
  margin-bottom: 120px;
}
.image-callout-wrap .image-callout {
  height: 350px !important;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.image-callout-wrap .image-callout span {
  background: #183249 !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 700;
}
.image-callout-wrap .image-callout span:hover {
  background: #003b5c !important;
}

/* Featured Programs */
.images-with-title-action-bar .image-callout-wrap .image-callout {
  box-shadow: none !important;
}
.images-with-title-action-bar .image-callout-wrap .image-callout span {
  background: rgba(0, 0, 0, 0.56) !important;
}
.images-with-title-action-bar .image-callout-wrap .image-callout span:hover {
  background: #000 !important;
}

/* 3 Column Information Blocks */
.three-column-info-blocks .info-block {
  background: #f8f7f7;
  padding: 20px;
  margin: 20px 0px;
  padding-top: 40px;
}
.three-column-info-blocks .info-block h3 {
  font-size: 25px !important;
  font-family: "muli", sans-serif !important;
  color: #AE976A !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
}
.three-column-info-blocks .info-block .arrow {
  color: #AE976A !important;
}

/* Card View */
.card-view {
  margin-bottom: 20px;
}
.card-view .sr-heading h2 {
  font-size: 38px !important;
  font-family: "muli", sans-serif !important;
  color: #AE976A !important;
  background: #ffffff;
  letter-spacing: normal !important;
  font-weight: 400 !important;
}
.card-view .sr-content-area {
  padding: 40px 60px;
  background: #F8F7F7 !important;
}

/* 3 Column Transactional Content */
.three-column-transactional-content .transactional-content {
  background: #f8f7f7 !important;
  box-shadow: none !important;
}
.three-column-transactional-content .transactional-content .btn {
  margin: 10px 0 !important;
  background: #f8f7f7;
  padding: 10px 20px;
  color: #ae976a;
  border: 1px dashed #000 !important;
  border-radius: 0px;
  box-shadow: none;
  max-width: 150px;
  margin: auto !important;
  border: 0;
}
.three-column-transactional-content .transactional-content .btn:hover {
  background: #000 !important;
  color: #fff !important;
}
.three-column-transactional-content .transactional-content .content h2 {
  font-size: 25px !important;
  margin: 20px 0 !important;
  font-family: "muli", sans-serif !important;
  color: #AE976A !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
}
.three-column-transactional-content .transactional-content .content p {
  margin: 0px;
}

/* Links List */
.links-block {
  margin: 0px !important;
}
.links-block a {
  color: #ae976a !important;
}
.links-block .link-block span {
  background: #f8f7f7 !important;
}

/* Bio Listing */
.bio-listing .bio-block {
  background-color: #F8F7F7 !important;
  padding: 25px;
}
.bio-listing .bio-block .right {
  background-color: #ffffff !important;
  padding: 30px;
}
.bio-listing .bio-block .right .content p {
  padding: 0px !important;
}
.bio-listing .bio-block .left .pic img {
  max-width: 180px !important;
  max-height: 170px !important;
  border-radius: 50% !important;
  width: 100% !important;
  object-fit: cover;
}
.bio-listing .bio-block .left .bio h5 {
  font-size: 30px !important;
  font-family: "muli", sans-serif !important;
  color: #AE976A !important;
  font-weight: 300 !important;
  margin-bottom: 10px !important;
}
.bio-listing .bio-block .left .bio p {
  padding: 0 !important;
  font-size: 18px !important;
  font-style: normal !important;
  margin-bottom: 10px !important;
}
.bio-listing .bio-block .left .bio a {
  font-size: 17px;
  color: #AE976A;
}

.featured-cta-text-block-container .featured-cta-text-block {
  background-color: #f8f7f7 !important;
}
.featured-cta-text-block-container .featured-cta-text-block .right {
  vertical-align: top !important;
}
.featured-cta-text-block-container .featured-cta-text-block .right .btn {
  margin: 10px 0 !important;
  background: #f8f7f7;
  padding: 10px 20px;
  color: #ae976a;
  border: 1px dashed #000 !important;
  border-radius: 0px;
  box-shadow: none;
  border: 0;
}
.featured-cta-text-block-container .featured-cta-text-block .right .btn:hover {
  background: #000 !important;
  color: #fff !important;
}

.links-list .links-block {
  background-color: #fff !important;
}
.links-list .links-block a {
  color: #003b5c;
  padding: 5px !important;
  display: flex;
  font-weight: 600;
}
.links-list .links-block .link-block span {
  background: #f3f3f3 !important;
}

#ui-area .card-view-two {
  margin-bottom: 20px !important;
  background-color: #f8f7f7 !important;
}
#ui-area .card-view-two .cvt-content-area {
  background-color: #f8f7f7 !important;
}
#ui-area .card-view-two .cvt-banners {
  width: 100%;
}
#ui-area .card-view-two .cvt-heading {
  background: rgba(0, 0, 0, 0.56) !important;
}
#ui-area .card-view-two .cvt-heading h2 {
  color: #fff !important;
  margin: 0;
  letter-spacing: normal;
}
#ui-area .card-view-two .custom-columns-content {
  margin-bottom: 20px;
}
#ui-area .card-view-two .custom-columns-content a {
  color: #003b5c;
}
#ui-area .card-view-two .custom-columns-content a:hover {
  text-decoration: underline;
}

.action-bar {
  margin: 20px 0px !important;
}
.action-bar .cta-box {
  background-color: #f8f7f7 !important;
}
.action-bar .cta-box h3 {
  font-family: "muli", sans-serif !important;
  font-size: 25px !important;
  color: #000 !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  letter-spacing: normal !important;
}
.action-bar .cta-box .btn {
  margin: 0px 5px !important;
  padding: 15px 20px !important;
  color: #ae976a !important;
  border: 1px dashed #000 !important;
  border-radius: 0px;
  box-shadow: none;
  background: #f8f7f7 !important;
  border: 0;
}
.action-bar .cta-box .btn:hover {
  background: #fff !important;
}

@media screen and (max-width: 979px) {
  .action-bar .cta-box a.btn {
    background: #003b5c !important;
    margin: 5px auto !important;
  }
}
.page-title-and-description-with-promotional-content h2 {
  font-size: 30px !important;
  font-family: "muli", sans-serif !important;
  color: #AE976A !important;
  font-weight: 300 !important;
  margin-bottom: 10px !important;
  letter-spacing: normal !important;
}
.page-title-and-description-with-promotional-content .mobile-margin-bottom .page-description p {
  font-size: 17px !important;
  font-family: "muli", sans-serif !important;
  text-transform: initial;
  letter-spacing: normal;
}
.page-title-and-description-with-promotional-content .span5 .callout {
  background-color: #F8F7F7 !important;
  margin-bottom: 20px !important;
}
.page-title-and-description-with-promotional-content .span5 .callout .btn {
  margin: 10px 0 !important;
  background: #f8f7f7;
  padding: 10px 20px;
  color: #ae976a;
  border: 1px dashed #000 !important;
  border-radius: 0px;
  box-shadow: none;
  border: 0;
}
.page-title-and-description-with-promotional-content .span5 .callout .btn:hover {
  background: #000 !important;
  color: #fff !important;
}

.promotional-content-block .callout {
  background-color: #f8f7f7 !important;
  margin-bottom: 20px !important;
}
.promotional-content-block .callout .btn {
  margin: 10px 0 !important;
  background: #f8f7f7;
  padding: 10px 20px;
  color: #ae976a;
  border: 1px dashed #000 !important;
  border-radius: 0px;
  box-shadow: none;
  border: 0;
}
.promotional-content-block .callout .btn:hover {
  background: #000 !important;
  color: #fff !important;
}

/* Featured Text Block With Image CTA And Hours Block */
.featured-text-image-cta-hour-block-container .featured-cta-text-block {
  background: #f8f7f7 !important;
}
.featured-text-image-cta-hour-block-container .featured-cta-text-block .hours-block {
  background-color: #fff !important;
}
.featured-text-image-cta-hour-block-container .featured-cta-text-block .hours-block .content p {
  padding-bottom: 0px !important;
}
.featured-text-image-cta-hour-block-container .featured-cta-text-block .hours-block .content h1 {
  font-size: 25px !important;
  font-family: "muli", sans-serif !important;
  color: #AE976A !important;
}
.featured-text-image-cta-hour-block-container .featured-cta-text-block .btn {
  margin: 10px 0 !important;
  background: #f8f7f7;
  padding: 10px 20px;
  color: #ae976a;
  border: 1px dashed #000 !important;
  border-radius: 0px;
  box-shadow: none;
  border: 0;
}
.featured-text-image-cta-hour-block-container .featured-cta-text-block .btn:hover {
  background: #000 !important;
  color: #fff !important;
}

#ui-area .vertical-tabs {
  padding-left: 80px !important;
  padding: 50px;
  padding-right: 0;
  max-width: 1920px;
  margin: auto;
  padding-bottom: 90px;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs {
    padding: 25px !important;
  }
}
#ui-area .vertical-tabs .custom-nav-tabs {
  padding-left: 0px;
  flex-direction: column;
  width: 20%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs .custom-nav-tabs {
    width: 100% !important;
    display: block !important;
  }
}
#ui-area .vertical-tabs .custom-nav-tabs li {
  padding: 0.5rem;
}
#ui-area .vertical-tabs .custom-nav-tabs li a {
  width: auto !important;
  padding: 0.5rem 1rem;
  border: transparent !important;
  margin: 0;
  color: var(--dark-color) !important;
  text-transform: capitalize;
  font-size: 20px !important;
  cursor: pointer;
  text-decoration: none;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs .custom-nav-tabs li a {
    font-size: 17px !important;
  }
}
#ui-area .vertical-tabs .custom-nav-tabs li a::before {
  display: none;
}
#ui-area .vertical-tabs .custom-nav-tabs li a.active, #ui-area .vertical-tabs .custom-nav-tabs li a:hover {
  text-decoration: none;
  color: #4F758A !important;
  font-family: "muli", sans-serif;
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border-radius: 4px;
  text-decoration: none;
}
#ui-area .vertical-tabs .custom-nav-tabs li a.active:after, #ui-area .vertical-tabs .custom-nav-tabs li a:hover:after {
  content: "";
  background: #4F758A;
  width: 1px;
  height: 2px;
  display: inline-flex;
  left: 150px;
  position: absolute;
  top: 30px;
  -webkit-animation: increase 0.9s;
  -moz-animation: increase 0.9s;
  -o-animation: increase 0.9s;
  animation: increase 0.9s;
  animation-fill-mode: forwards;
}
@keyframes increase {
  100% {
    width: 130px;
    @media (min-width: 300px) and (max-width: 997px) {
      #ui-area .vertical-tabs .custom-nav-tabs li a.active, #ui-area .vertical-tabs .custom-nav-tabs li a:hover {
        width: 210px !important;
      }
    }
  }
}
#ui-area .vertical-tabs .tab-content {
  width: 80%;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs .tab-content {
    width: 100% !important;
  }
}
#ui-area .vertical-tabs .tab-content .vertical_img {
  padding-left: 250px;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs .tab-content .vertical_img {
    padding-left: 0px;
  }
}
#ui-area .vertical-tabs .tab-content .vertical-txt-box {
  position: absolute;
  background: #fff;
  padding: 100px 50px;
  width: 500px;
  top: 50%;
  z-index: 1;
  transform: translate(0%, -50%);
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs .tab-content .vertical-txt-box {
    position: relative !important;
    width: 100% !important;
    padding: 100px 50px !important;
    transform: none !important;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    top: 60% !important;
  }
  100% {
    opacity: 1;
    top: 50% !important;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#ui-area .vertical-tabs .tab-content .tab-pane {
  background-color: transparent !important;
  padding: 12px !important;
  border-radius: 0px;
}
#ui-area .vertical-tabs .tab-content .tab-pane .img_align_vert {
  max-width: 1200px;
  height: 876px !important;
  object-fit: cover !important;
  text-align: right;
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs .tab-content .tab-pane .img_align_vert {
    height: auto !important;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  #ui-area .vertical-tabs .tab-content .tab-pane .img_align_vert {
    height: auto !important;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  #ui-area .vertical-tabs .tab-content .tab-pane {
    padding: 0px !important;
  }
}
#ui-area .vertical-tabs .tab-content .tab-pane .tab-content-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 16.25%;
}
#ui-area .vertical-tabs .tab-content .tab-pane .tab-content-image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  mix-blend-mode: multiply;
}
#ui-area .vertical-tabs .tab-content .tab-pane .tab-content-text p {
  padding-bottom: 1rem;
}
#ui-area .vertical-tabs .tab-content .tab-pane .tab-content-text p:last-child {
  padding-bottom: 0;
}

/* Theme club css End */
@media screen and (min-width: 768px) {
  .mm_login.login-page .navbar {
    display: none;
  }
}
.mm_login.login-page .background-wrap {
  background: #ddd;
  /* @include breakpoint(small) {
    background-image: none !important;
  } */
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap {
    min-height: 67vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
.mm_login.login-page .background-wrap a.logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.mm_login.login-page .background-wrap a.logo img {
  max-width: 129px;
  max-height: 83px;
}
.mm_login.login-page .background-wrap .login-wrap {
  max-width: 780px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .mm_login.login-page .background-wrap .login-wrap .login-style {
    padding-top: 40px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login {
    padding-top: 12px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left {
    padding: 20px 18px 8px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading {
    margin-bottom: 0 !important;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading h2 {
    margin-bottom: 8px !important;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form input[type=text] {
    margin-bottom: 12px;
    width: 100%;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form label[for=_58_rememberMeCheckbox] {
    margin-top: 12px;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form #divTogglePassword .checkbox #_58_showPasswordCheckbox {
    opacity: 0;
  }
  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .button-holder {
    margin-top: 8px;
  }
}
.mm_login.login-page .background-wrap .login-wrap .form-group {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 30px 0;
    margin: 0px 0px;
  }
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 5px 0;
  }
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 17px 19px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
  box-sizing: border-box;
  display: block;
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    display: inline-block;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
  padding: 26px;
  margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
    margin-bottom: 0;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left h2 {
  font-size: 25px !important;
  text-align: center;
  line-height: 24px;
  color: #4F758A !important;
  line-height: 30px;
  letter-spacing: normal !important;
  margin-bottom: 16px;
  text-transform: capitalize !important;
  font-weight: normal !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card {
  text-align: left;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card .alert-info {
  font-size: 11px !important;
  word-break: keep-all !important;
  display: inline-grid;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form {
  margin-bottom: 10px;
  /* .login-heading {
    margin-bottom: 16px !important;
  } */
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group {
  margin-bottom: 0px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
  margin-bottom: 5px;
  height: 36px;
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 300px) and (max-width: 997px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
    width: 100%;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input[type=password] {
  margin-bottom: 10px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group label.control-label {
  /* font-weight: 700 !important;
  font-size: $fontsize9 !important;
  color: $dark-fontColor;
  text-transform: $type-transform; */
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group label.control-label .label-required {
  color: red !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form label.checkbox {
  margin-left: 0;
  font-size: 14px !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
  font-weight: 200;
  font-size: 17px;
  color: #2c2c2c;
  line-height: 40px;
  text-align: center !important;
  display: block;
}
@media (min-width: 300px) and (max-width: 997px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
    font-size: 14px !important;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .button-holder {
  margin-top: 0px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation {
  text-align: center;
  border: 0px !important;
  background: transparent !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation a.taglib-icon img {
  display: none;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-text {
  font-weight: 500;
  font-size: 14px;
  color: #4F758A;
  text-decoration: none;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-captcha .captcha {
  margin-bottom: 10px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
  margin-left: 0;
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 0px 20px;
  }
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 26px 0px 10px 20px;
  }
}
@media screen and (min-width: 980px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 26px 0px 10px 30px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
  font-size: 30px;
  color: #777777;
  line-height: 30px;
  letter-spacing: normal !important;
  margin-bottom: 16px;
  text-transform: capitalize !important;
  font-family: "muli", sans-serif !important;
  /* &:first-child {
  	color: $primary-color !important;
  } */
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
    font-size: 20px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1:not(:first-of-type) {
  margin-top: 24px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2 {
  font-size: 25px !important;
  font-weight: 400 !important;
  color: #4F758A !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h3 {
  line-height: 25px;
  margin-bottom: 7px;
}
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h3 {
    font-size: 20px;
  }
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2:not(:first-of-type), .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h3:not(:first-of-type) {
  margin-top: 24px;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #ed1c24;
  border-bottom: none;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right p {
  font-family: "muli", sans-serif !important;
  font-size: 17px !important;
}
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right p a {
  color: #4F758A !important;
}
.mm_login.login-page .background-wrap > .container-fluid.block {
  padding-top: 60px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap > .container-fluid.block {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media (min-width: 300px) and (max-width: 997px) {
  .mm_login.login-page .background-wrap > .container-fluid.block {
    padding-top: 100px;
  }
}
.mm_login.login-page #ui-area {
  background: #fff;
  padding: 0;
  border-radius: 20px;
}
@media screen and (max-width: 480px) {
  .mm_login.login-page #ui-area {
    border-radius: 10px;
  }
}
.mm_login.login-page .site-footer {
  margin-top: 0;
}

@font-face {
  font-family: "NexaBold";
  src: url(/fonts/NexaBold.eot);
  src: url(/fonts/NexaBold.eot?#iefix) format("embedded-opentype"), url(/fonts/NexaBold.otf) format("otf"), url(/fonts/NexaBold.svg#NexaBold) format("svg"), url(/fonts/NexaBold.ttf) format("truetype"), url(/fonts/NexaBold.woff) format("woff"), url(/fonts/NexaBold.woff2) format("woff2");
}
/** Generated by FG **/
@font-face {
  font-family: "Conv_CALGARY";
  src: url("/fonts/CALGARY.eot");
  src: local("☺"), url("/fonts/CALGARY.woff") format("woff"), url("/fonts/CALGARY.ttf") format("truetype"), url("/fonts/CALGARY.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
#ui-area .preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
  background-color: #000;
  z-index: 9998;
  text-align: center;
  overflow: hidden;
}
#ui-area .preloader .preloader-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#ui-area .preloader .preloader-bg .circle1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background-image: radial-gradient(ellipse 90vw 90vw, #034c84 0%, rgba(167, 207, 223, 0) 35%);
  opacity: 0.6;
  animation: fadeCircle 3s alternate infinite ease;
}
@media (max-width: 575.98px) {
  #ui-area .preloader .preloader-bg .circle1 {
    background-image: radial-gradient(ellipse 150vw 150vw, #034c84 0%, rgba(167, 207, 223, 0) 35%);
  }
}
#ui-area .preloader .preloader-inner {
  position: relative;
  z-index: 2;
  font-family: "Barlow", sans-serif;
  font-size: 1.81vw;
  color: #034c84;
  height: 100%;
  text-transform: uppercase;
}
#ui-area .preloader .preloader-inner .logo {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  #ui-area .preloader .preloader-inner .logo {
    padding: 1.1358473421vw;
  }
}
#ui-area .preloader .preloader-inner .logo .icon {
  width: 50%;
  max-width: 110px;
  height: auto;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  #ui-area .preloader .preloader-inner .logo .icon {
    max-width: 4.9977283053vw;
    margin-bottom: 0.726942299vw;
  }
}
#ui-area .preloader .preloader-inner .logo .icon .logo-circle {
  fill: #fff;
}
#ui-area .preloader .preloader-inner .logo .icon path {
  color: #000;
  stroke-width: 0.4px;
  stroke-dashoffset: -300;
  stroke-dasharray: 3000;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  #ui-area .preloader .preloader-inner .logo .icon path {
    stroke-width: 0.0181735575vw;
  }
}
#ui-area .preloader .preloader-inner .logo .icon path.is-active {
  -o-animation: logoPath 6s infinite alternate;
  -moz-animation: logoPath 6s infinite alternate;
  -webkit-animation: logoPath 6s infinite alternate;
  animation: logoPath 6s infinite alternate;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  #ui-area .preloader .preloader-inner .logo .icon path {
    -o-animation: logoPath2 6s infinite alternate;
    -moz-animation: logoPath2 6s infinite alternate;
    -webkit-animation: logoPath2 6s infinite alternate;
    animation: logoPath2 6s infinite alternate;
  }
}
#ui-area .preloader .preloader-inner .logo .loading-text {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 3.2px;
  font-weight: 100;
  -o-animation: fadeIn ease 1.5s alternate infinite;
  -moz-animation: fadeIn ease 1.5s alternate infinite;
  -webkit-animation: fadeIn ease 1.5s alternate infinite;
  animation: fadeIn ease 1.5s alternate infinite;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  #ui-area .preloader .preloader-inner .logo {
    font-size: 0.8178100863vw;
    letter-spacing: 0.1453884598vw;
  }
}

@keyframes logoPath {
  50% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  75% {
    fill: transparent;
    stroke-width: 0.4px;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #000;
    stroke-width: 0px;
  }
}
@keyframes logoPath2 {
  50% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  75% {
    fill: transparent;
    stroke-width: 0.0181735575vw;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #000;
    stroke-width: 0px;
  }
}
@keyframes fadeCircle {
  0% {
    opacity: 20%;
  }
  100% {
    opacity: 60%;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.btn.btn-primary {
  background-color: var(--primary-color);
  color: var(--white-color);
  text-decoration: none;
  background: transparent;
}
.btn.btn-primary:hover {
  color: var(--white-color);
}

.btn-primary.btn-default {
  color: var(--white-color);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: none;
}
.btn-primary.btn-default:hover {
  background-color: var(--primary-color-hover);
}

.stmt-pmnt-btn {
  background: #2c2c2c;
}

.ui-area-btn-primary {
  background-color: var(--primary-color);
  color: var(--white-color);
  text-decoration: none;
}
.ui-area-btn-primary:hover {
  background-color: var(--primary-color-hover);
}

.ui-area-btn-secondry {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.ui-area-btn-secondry:hover {
  background-color: var(--primary-color-hover);
}

.ui-area-btn-previous {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.ui-area-btn-previous:hover {
  background-color: var(--primary-color-hover);
  color: var(--default-font-color);
}

.ui-area-btn-statement {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.ui-area-btn-statement:hover {
  background-color: var(--primary-color-hover);
  color: var(--default-font-color);
}

.ui-area-btn-statement-active {
  background-color: #3f5e6e;
  color: var(--white-color);
}

.ui-area-btn-next {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.ui-area-btn-next:hover {
  background-color: var(--primary-color-hover);
  color: var(--default-font-color);
}

.ui-area-btn-success {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.ui-area-btn-success:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.ui-area-btn-danger, .ui-confirm-dialog .ui-dialog-footer .ui-confirmdialog-yes, .btn-cancel-invitation {
  background-color: #f1331e;
  color: var(--white-color);
}

.ui-area-btn-danger:hover {
  background-color: #9c1202;
  color: var(--white-color);
}

.ui-area-btn-make-payment {
  background-color: #3f5e6e;
  color: var(--white-color);
}
.ui-area-btn-make-payment:hover {
  background-color: #7291a1;
  color: var(--white-color);
}

.ui-area-btn-warning {
  background-color: #f1331e;
  color: var(--white-color);
}
.ui-area-btn-warning:hover {
  background-color: #9c1202;
}

#ui-area .btn-success {
  background-color: #0271c9;
  color: #fff;
  background-image: none;
  border: none;
}

.ui-area-btn-inverse {
  background-color: #95acb9;
  color: #2c2c2c;
}

.ui-area-btn-info, .ui-confirm-dialog .ui-dialog-footer .buddy-list-no-btn {
  background-color: #7291a1;
  color: var(--white-color);
}

.ui-area-btn-info:hover {
  background-color: #081f36;
}

.ui-area-btn-print, .ui-confirm-dialog .ui-dialog-footer .ann-yes-btn {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.ui-area-btn-print:hover {
  background-color: var(--primary-color-hover);
}

.stmt-print-button {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.stmt-print-button:hover {
  background-color: var(--primary-color-hover);
}

.ui-area-btn-campaign-on {
  background-color: #dce3e8;
  color: var(--white-color);
}

.ui-area-btn-danger .aui .btn {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
}

.aui .btn {
  margin: 2px;
}

.ui-area-btn, .events-cal-link {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #f1f1f1;
  background-image: none;
  background-repeat: repeat-x;
  border-color: #cfcfcf #cfcfcf #b5b5b5;
  border-image: none;
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: inherit;
  margin-bottom: 0;
  padding: 6px 10px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  border-radius: 2px;
}

.ui-area-btn:hover, .events-cal-link:hover {
  text-decoration: none;
}

.tabButton {
  background-color: #95acb9;
  border: medium none;
  color: var(--white-color);
  margin: 0;
}

.textfieldsbt2 {
  background-color: #95acb9;
  border: medium none black;
  color: var(--white-color);
}

.events-cal-link {
  background-color: #3f5e6e;
  color: var(--white-color);
}
.events-cal-link:hover {
  background-color: #95acb9;
  color: var(--white-color);
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
@media (min-width: 200px) and (max-width: 400px) {
  .space-close {
    display: none !important;
  }
}
@media (min-width: 560px) and (max-width: 750px) {
  .space-close {
    display: inherit !important;
  }
}
@media (min-width: 801px) {
  .space-close {
    display: none !important;
  }
}
@media (min-width: 641px) {
  .seperator-datatable {
    display: none;
  }
}
.mobile-icon {
  margin-bottom: 23px;
  margin-top: 32px;
  width: 30%;
}

.mobile-icon a {
  background-color: #fff;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  border-radius: 5px;
  color: #2c2c2c;
  font-size: 26px;
  padding: 8px 8px 6px;
  transition: all 0.9s ease 0s;
}

.mobile-icon a:hover {
  color: #fff;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  background-color: #4F758A;
}

.mobile-icon a:focus {
  color: #2c2c2c;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
}

.aui .table {
  font-size: 17px !important;
  border-radius: 0px !important;
}

.aui .table thead th {
  font-size: 17px !important;
}

.aui .table td {
  border-top: 1px dotted #999999 !important;
}

.aui .table-bordered td {
  border-left: 1px dotted #999999 !important;
}

.aui .table-bordered th, .aui .table-bordered td {
  border-left: 0px dotted #999999 !important;
}

/* .aui .table td { */
/*     background-color: #f1f1f3 !important; */
/* } */
/* End */
/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px;
}

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 0em;
  position: relative;
}

.modify-pages li {
  position: relative;
}
.modify-pages li.lfr-nav-hover .delete-tab {
  opacity: 1;
}
.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 16px;
  line-height: 6px;
  margin-top: -8px;
  opacity: 0;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #fff;
  top: 50%;
}
.modify-pages .delete-tab:hover {
  color: #b50303;
}
.modify-pages .drag-handle {
  cursor: move;
  left: 3px;
  margin-left: 15px;
  position: absolute;
  top: 15px;
}

.controls-hidden .modify-pages .drag-handle {
  display: none;
}

@media (min-width: 768px) {
  .touch .modify-pages .drag-handle {
    display: none;
  }
}

.nav li .toolbar {
  margin-top: 5px;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.3125rem;
  content: "";
  height: 0.3125rem;
  position: absolute;
  width: 100%;
}

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.navigation-pane .body-row ul li a .icon {
  float: left;
  margin-right: 5px;
}
.navigation-pane .lfr-component {
  margin-left: 0;
}
.navigation-pane .navigation-entry {
  position: relative;
}
.navigation-pane .navigation-entry.folder.error {
  display: block;
  padding: 6px 8px;
}
.navigation-pane .navigation-entry .browse-folder,
.navigation-pane .navigation-entry .nav-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.navigation-pane .navigation-entry .nav-item-icon {
  vertical-align: middle;
}
.navigation-pane .navigation-entry .overlay.entry-action {
  bottom: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.navigation-pane .navigation-entry .overlay.entry-action .btn {
  border-width: 0;
  margin: 0;
  padding: 11px 14px;
}
@media (min-width: 768px) {
  .navigation-pane .navigation-entry .overlay.entry-action .btn {
    padding: 11px;
  }
}

.nav-menu ul {
  padding-left: 10px;
}
.nav-menu li a.ancestor {
  font-weight: bold;
}
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.nav-menu-style-arrows ul {
  list-style-image: url(../images/arrows/04_right.png);
}

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 2px;
}
.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0;
}

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0;
}
.split-button-dropdowns > li {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}

.form-options {
  border: 1px solid #aaa;
  display: inline-block;
  vertical-align: middle;
}
.form-options input {
  border-width: 0;
  display: inline;
  float: left;
}

.form-triggers {
  float: left;
}

.form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #bbb;
  display: inline-block;
  float: left;
}
.form-trigger img {
  background: no-repeat 50% 40%;
  height: 25px;
  padding: 0 3px;
  vertical-align: middle;
  width: 16px;
}
.form-trigger:focus, .form-trigger:hover {
  background-color: #83b0ca;
  background-image: url(../images/application/button_bg_over.png);
}

.trigger-selected {
  background-color: #ebebeb;
  background-image: url(../images/application/button_bg_selected.png);
}
.trigger-selected:focus, .trigger-selected:hover {
  background-color: #b7def4;
  background-image: url(../images/application/button_bg_selected_over.png);
}

.options-trigger img {
  background-image: url(../images/common/configuration.png);
}

.save-trigger img {
  background-image: url(../images/common/check.png);
}

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
/* ---------- Portlet header ---------- */
body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.panel-page-content .portlet-title-text,
.panel-page-body .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

.portlet-draggable .portlet-topper {
  cursor: move;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block;
}

@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}

.lfr-status-alert-label,
.lfr-status-error-label,
.lfr-status-info-label,
.lfr-status-progress-label,
.lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
}

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663;
}

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900;
}

.lfr-status-help-label,
.lfr-status-info-label,
.lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404f;
}

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png);
}

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif);
}

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384f34;
}

.portlet-msg {
  background: #eee none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404f;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left;
}

.lfr-message {
  position: relative;
}
.lfr-message .lfr-message-control {
  background-color: #333;
  display: inline-block;
}
.lfr-message .lfr-message-controls {
  display: none;
  left: 3px;
  margin: -8px 8px 0 3px;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.lfr-message .lfr-message-close {
  background-image: url(../images/portlet/close_borderless.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.lfr-message .lfr-message-close-all {
  color: #fff;
  display: none;
  font-size: 0.8em;
  margin-left: 10px;
  padding: 1px 10px;
  text-shadow: 1px 1px 0 #000;
  vertical-align: top;
}
.lfr-message .lfr-message-close-all a {
  color: #fff;
}
.lfr-message .lfr-message-controls-hover .lfr-message-close-all {
  display: inline-block;
}
.lfr-message.pending {
  background-image: url(../images/common/time.png);
}

.lfr-message-content.alert {
  margin-bottom: 0;
}

.lfr-message-close {
  cursor: pointer;
}

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.portlet-section-selected,
.portlet-section-selected a {
  background: #727c81;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.portlet-section-selected a:hover,
.portlet-section-selected a:focus {
  background-color: #727c81;
}

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media (min-width: 576px) {
  .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper, .portlet.open > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}

@media (min-width: 576px) {
  .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable, .portlet.open > .portlet-content-editable {
    border-color: #0B5FFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 576px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
.portlet-content-editable {
  border-color: #0B5FFF;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right;
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #0B5FFF;
  border-color: #0B5FFF;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #FFF;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: #FFF;
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .lfr-configurator-visibility {
    opacity: 0.5;
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
  .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5;
  }
}

/* ---------- Portlet controls in mobile ---------- */
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: #0B5FFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6;
}
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1;
}

.lfr-panel-page {
  width: 100%;
}
.lfr-panel-page .portlet-title {
  font-size: 13px;
}
.lfr-panel-page .lfr-add-content h2 span {
  background-color: #d3dadd;
}

.main-content-body {
  margin-top: 20px;
}

.restricted, .restricted td {
  background: #fdd;
  border-width: 0;
}
.restricted * {
  color: #727c81;
}

.alt.restricted td {
  background-color: #ffc0c0;
}

.hover.restricted td {
  background-color: #d3bdc0;
}

.alt.restricted td.first,
.restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}

.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}

.portlet-barebone .portlet-content {
  padding: 0;
}

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px;
}

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0;
}
.taglib-calendar tr td a {
  background-color: #f0f5f7;
  border: 1px solid #fff;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0;
}
.taglib-calendar tr td a:hover {
  background-color: #727c81;
  color: #fff;
}
.taglib-calendar tr td.calendar-inactive {
  background-color: #fff;
  color: #b5bfc4;
}
.taglib-calendar tr th {
  border-bottom-color: #d7d7d7;
}
.taglib-calendar table td {
  border-width: 0;
}
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #fff;
}
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727c81;
  color: #369;
  text-decoration: underline;
}

/* ---------- Navbar form search ---------- */
.navbar form {
  margin: 0;
}

.widget-toolbar .btn + .btn,
.widget-toolbar .widget-group + .widget-group {
  margin-left: 1rem;
}

.widget-mode-detail {
  padding-top: 1rem;
}
.widget-mode-detail .title {
  font-size: 36px;
}
.widget-mode-detail .sub-title {
  font-size: 26px;
  margin-bottom: 32px;
}
.widget-mode-detail .widget-metadata {
  margin-bottom: 2rem;
}
.widget-mode-detail .widget-mode-detail-text {
  margin-top: 48px;
}
.widget-mode-detail .widget-mode-detail-text img {
  max-width: 100%;
}
.widget-mode-detail .widget-mode-detail-text p {
  font-size: 18px;
  line-height: 1.8;
}

.widget-mode-card .card {
  display: flex;
  height: calc(100% - 24px);
  margin-bottom: 24px;
}
.widget-mode-card .card-header {
  overflow: hidden;
  padding: 0;
}
.widget-mode-card .card-title {
  position: relative;
}
@media (min-width: 768px) {
  .widget-mode-card .visible-interaction {
    position: absolute;
    right: -8px;
  }
}

.widget-mode-simple .widget-topbar {
  margin-bottom: 8px;
}
.widget-mode-simple .widget-metadata {
  margin-bottom: 24px;
}
.widget-mode-simple .widget-toolbar {
  margin-top: 1.5rem;
}
.widget-mode-simple .widget-content .cover-image {
  margin-bottom: 24px;
}

.menu-content,
.underlay-content {
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
}

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 4px 4px;
}

.lfr-preview-file-image img {
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
}

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
}

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
}

.portlet-document-library .lfr-ddm-small-image-preview,
.portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #ccc;
}

.portlet-document-library-upload-mask .overlaymask-content {
  border-radius: 5px;
}

.overlaymask-content {
  background-color: #fff;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}

.product-menu .loading-animation {
  margin-top: 160px;
}

.lfr-search-combobox-item {
  border-radius: 1px;
}

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px;
}
.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px;
}

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress,
.lfr-editable:after {
  border-radius: 10px;
}

.portlet-language .portlet-body .current-language,
.portlet-language .portlet-body .taglib-icon,
.portlet-language .portlet-body .taglib-language-list-text {
  border-radius: 10px;
}

body > .lfr-menu-list ul,
.active-area-proxy,
.entry-display-style .entry-thumbnail,
.lfr-api-results,
.lfr-translation-manager,
.lfr-translation-manager-translation,
.lfr-upload-container .cancel-button .modify-pages .delete-tab,
.portlet-image-gallery-display .image-thumbnail img,
.rule-group-instance-container .rule-group-instance,
.select-documents,
.select-files,
.taglib-ratings.stars:hover,
.taglib-ratings.stars:hover .liferay-rating-vote > div,
.taglib-ratings.stars .rating-focused > div,
.tags-search-combobox .field-input-text {
  border-radius: 4px;
}

.entry-display-style,
.lfr-search-combobox,
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target,
.portlet-document-library .common-file-metadata-container.selected,
.portlet-document-library-display .common-file-metadata-container.selected,
.portlet-image-gallery-display .image-icon,
.select-documents,
.select-files {
  border-radius: 5px;
}

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder,
.portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 6px;
}

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

.underlay-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.input-localized .lfr-input-localized-state {
  border-radius: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  box-shadow: 0 0 3px #ff0047;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27c1f2;
}

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  border-radius: 0;
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
}

.lfr-message .lfr-message-control {
  border-radius: 10px;
}

.lfr-token {
  border-radius: 8px;
}

.staging-tabview-list {
  border-radius: 0;
}

.site-variations-tabview-list .tab-content,
.staging-tabview-list .tab-active .tab-content,
.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  box-shadow: none;
}

.rule-group-instance-container .rule-group-instance {
  box-shadow: 1px 1px 2px #999;
}

.lfr-action-label {
  border-radius: 2px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}

@-webkit-keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s;
}

.lfr-spa-loading .lfr-spa-loading-bar {
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.lfr-spa-loading-bar {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text,
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  max-width: 200px;
}

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}

.portlet-document-library .entry-thumbnail .label,
.portlet-document-library-display .workflow-status .label,
.portlet-journal .entry-thumbnail .label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  animation: none;
}
.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #b8c1d1;
}

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: linear-gradient(#fff, #e4e4e4);
  border-radius: 2px;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: linear-gradient(#f2f2f2, #ccc);
}

/* ---------- Switches ---------- */
input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00f;
}
input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
input.switch:empty ~ .switch-bar .switch-icon,
input.switch:empty ~ .switch-bar .switch-toggle:after,
input.switch:empty ~ .switch-bar .switch-toggle:before {
  transition: all 100ms ease-in;
}
@media (prefers-reduced-motion: reduce) {
  input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
  input.switch:empty ~ .switch-bar .switch-icon,
  input.switch:empty ~ .switch-bar .switch-toggle:after,
  input.switch:empty ~ .switch-bar .switch-toggle:before {
    transition: none;
  }
}

/* ---------- Image selector ---------- */
.taglib-image-selector .icon-check {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-image-selector .icon-check {
    transition: none;
  }
}
.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0;
}

/* ---------- Drop here info ---------- */
.drop-here-info {
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info .drop-icons {
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.drop-active .drop-here-info span:nth-of-type(1) {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

body.wcprop-2 {
  /*css for wc-template 4k*/
  /*end css for wc-template 4k*/
  /*Sass Begins for small col 6 full width */
  /*Sass End for small col 6 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass End for small col 3 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 9 full width */
  /*Sass for small col 9 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*Sass Begins for small col 9 full width */
  /*Sass Ends for small col 9 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 6 full width */
  /*Sass Begins for small col 9 full width */
  /*Sass Ends for small col 9 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass Begins for small col 9 full width */
  /*Sass Begins for small col 9 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 6 full width */
  /*Sass for small col 6 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*CSS for small col 6 full width */
  /*End CSS for small col 6 full width */
  /*CSS for small col 3 full width */
  /*End CSS for small col 3 full width */
  /*CSS for small col 3 full width */
  /*End CSS for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass for small col 3 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*CSS for small col 3 full width */
  /*End CSS for small col 3 full width */
  /*CSS for small col 6 full width */
  /*End CSS for small col 6 full width */
  /*Sass Begins for small col 3 full width */
  /*Sass Ends for small col 3 full width */
  /*Sass Begins for small col 6 full width */
  /*Sass Ends for small col 6 full width */
  /*Sass for small col 3 full width */
  /*Sass End for small col 3 full width */
  /*Sass for small col 6 full width */
  /*Sass End for small col 6 full width */
  /*css for wc-template 4k*/
  /*end css for wc-template 4k*/
  /*message board portlet dropdown-menu popup*/
  /*end message board portlet dropdown-menu popup*/
  /* upload delete popup chit overlap fixing */
  /* impersonation overlap issue fixing */
  /*dropdown menu css*/
}
body.wcprop-2 .webc-container {
  margin-bottom: 2rem;
}
body.wcprop-2 .webc-container h1 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h1 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .webc-container h2 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h2 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .webc-container h3 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h3 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .webc-container h4 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h4 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .webc-container h5 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h5 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .webc-container h6 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h6 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .webc-container h1 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading1) * 1px);
  color: var(--heading-color1);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h1 {
    font-size: calc(var(--wc-fs-heading1) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .webc-container h1 {
    font-size: calc((var(--wc-fs-heading1) - 8) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .webc-container h1 {
    font-size: calc((var(--wc-fs-heading1) - 12) * 1px);
  }
}
body.wcprop-2 .webc-container h2 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading2) * 1px);
  color: var(--heading-color2);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h2 {
    font-size: calc(var(--wc-fs-heading2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .webc-container h2 {
    font-size: calc((var(--wc-fs-heading2) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .webc-container h2 {
    font-size: calc((var(--wc-fs-heading2) - 8) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container h2 {
    font-size: calc((var(--wc-fs-heading2) - 13) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container h2 {
    font-size: calc((var(--wc-fs-heading2) - 10) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container h2 {
    font-size: calc((var(--wc-fs-heading2) - 13) * 1px);
  }
}
body.wcprop-2 .webc-container h3 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h3 {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .webc-container h3 {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .webc-container h3 {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container h3 {
    font-size: calc((var(--wc-fs-heading3) - 6) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container h3 {
    font-size: calc((var(--wc-fs-heading4) - 8) * 1px);
  }
}
body.wcprop-2 .webc-container h4 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading4) * 1px);
  color: var(--heading-color4);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h4 {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .webc-container h4 {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .webc-container h4 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container h4 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container h4 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container h4 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .webc-container h5 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h5 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .webc-container h5 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .webc-container h5 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container h5 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container h5 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container h5 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .webc-container h6 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--heading-color6);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container h6 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container h6 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container h6 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container h6 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container {
    margin-bottom: 1.5rem;
  }
}
body.wcprop-2 .webc-container ul {
  padding: 0px;
  margin: 0;
}
body.wcprop-2 .webc-container ul li {
  list-style: none;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: var(--wc-base-lineHeight);
  padding-bottom: 0.25rem;
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ul li {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.1817355747vw;
    margin-left: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container ul li {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container ul li {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container ul li {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .webc-container ul li:before {
  content: var(--list-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  color: var(--primary-color);
  margin-left: -1rem;
  margin-right: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ul li:before {
    margin-right: 0.1817355747vw;
    margin-left: -0.726942299vw;
  }
}
body.wcprop-2 .webc-container ul li a {
  -moz-text-decoration: underline;
  color: var(--primary-color);
}
body.wcprop-2 .webc-container ul li a:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .webc-container ol {
  padding: 0px;
  margin: 0;
  padding-inline-start: 1rem;
}
body.wcprop-2 .webc-container ol li {
  list-style: none;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: var(--wc-base-lineHeight);
  padding-bottom: 0.25rem;
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ol li {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.1817355747vw;
    margin-left: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container ol li {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container ol li {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container ol li {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .webc-container ol li:before {
  content: var(--list-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  color: var(--primary-color);
  margin-left: -1rem;
  margin-right: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ol li:before {
    margin-right: 0.1817355747vw;
    margin-left: -0.726942299vw;
  }
}
body.wcprop-2 .webc-container ol li a {
  -moz-text-decoration: underline;
  color: var(--primary-color);
}
body.wcprop-2 .webc-container ol li a:hover {
  color: var(--primary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ol {
    padding-inline-start: 0.726942299vw;
  }
}
body.wcprop-2 .webc-container ol li {
  list-style: decimal;
}
body.wcprop-2 .webc-container ol li::before {
  display: none;
}
body.wcprop-2 .webc-container ol li ul {
  padding: 0px;
  margin: 0;
}
body.wcprop-2 .webc-container ol li ul li {
  list-style: none;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: var(--wc-base-lineHeight);
  padding-bottom: 0.25rem;
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ol li ul li {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.1817355747vw;
    margin-left: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container ol li ul li {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container ol li ul li {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container ol li ul li {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .webc-container ol li ul li:before {
  content: var(--list-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  color: var(--primary-color);
  margin-left: -1rem;
  margin-right: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ol li ul li:before {
    margin-right: 0.1817355747vw;
    margin-left: -0.726942299vw;
  }
}
body.wcprop-2 .webc-container ol li ul li a {
  -moz-text-decoration: underline;
  color: var(--primary-color);
}
body.wcprop-2 .webc-container ol li ul li a:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .webc-container ol li ul li::before {
  display: unset;
}
body.wcprop-2 .webc-container ol li ol {
  padding-top: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container ol li ol {
    padding-top: 0.1817355747vw;
  }
}
body.wcprop-2 .webc-container .btn,
body.wcprop-2 .webc-container .btn-wc-primary {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .webc-container .btn,
  body.wcprop-2 .webc-container .btn-wc-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container .btn,
  body.wcprop-2 .webc-container .btn-wc-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container .btn,
  body.wcprop-2 .webc-container .btn-wc-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container .btn,
  body.wcprop-2 .webc-container .btn-wc-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container .btn,
  body.wcprop-2 .webc-container .btn-wc-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .webc-container .btn:hover,
body.wcprop-2 .webc-container .btn-wc-primary:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .webc-container .btn:hover, body.wcprop-2 .webc-container .btn:focus,
body.wcprop-2 .webc-container .btn-wc-primary:hover,
body.wcprop-2 .webc-container .btn-wc-primary:focus {
  text-decoration: none;
}
body.wcprop-2 .webc-container .btn:not([disabled]):not(.disabled):active, body.wcprop-2 .webc-container .btn:not([disabled]):not(.disabled).active,
body.wcprop-2 .webc-container .btn-wc-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 .webc-container .btn-wc-primary:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .webc-container table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--wc-font-family);
}
body.wcprop-2 .webc-container table th {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  padding: 0.5rem;
  border: 1px solid var(--wc-border-color);
  line-height: normal;
  box-sizing: inherit;
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container table th {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .webc-container table th {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .webc-container table th {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .webc-container table th {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .webc-container table th .ui-column-title {
  font-weight: normal;
}
body.wcprop-2 .webc-container table tr td {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  box-shadow: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container table tr td {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .webc-container .card {
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .webc-container .card .card-body {
    padding: 0.726942299vw;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .pl-vw-1,
  body.wcprop-2 .px-vw-1 {
    padding-left: 0.181vw !important;
  }
  body.wcprop-2 .pl-vw-2,
  body.wcprop-2 .px-vw-2 {
    padding-left: 0.363vw !important;
  }
  body.wcprop-2 .pl-vw-3,
  body.wcprop-2 .px-vw-3 {
    padding-left: 0.726vw !important;
  }
  body.wcprop-2 .pl-vw-4,
  body.wcprop-2 .px-vw-4 {
    padding-left: 1.09vw !important;
  }
  body.wcprop-2 .pl-vw-5,
  body.wcprop-2 .px-vw-5 {
    padding-left: 2.18vw !important;
  }
  body.wcprop-2 .pr-vw-1,
  body.wcprop-2 .px-vw-1 {
    padding-right: 0.181vw !important;
  }
  body.wcprop-2 .pr-vw-2,
  body.wcprop-2 .px-vw-2 {
    padding-right: 0.363vw !important;
  }
  body.wcprop-2 .pr-vw-3,
  body.wcprop-2 .px-vw-3 {
    padding-right: 0.726vw !important;
  }
  body.wcprop-2 .pr-vw-4,
  body.wcprop-2 .px-vw-4 {
    padding-right: 1.09vw !important;
  }
  body.wcprop-2 .pr-vw-5,
  body.wcprop-2 .px-vw-5 {
    padding-right: 32.18vw !important;
  }
  body.wcprop-2 .col-xl,
  body.wcprop-2 .col-xl-auto,
  body.wcprop-2 .col-xl-12,
  body.wcprop-2 .col-xl-11,
  body.wcprop-2 .col-xl-10,
  body.wcprop-2 .col-xl-9,
  body.wcprop-2 .col-xl-8,
  body.wcprop-2 .col-xl-7,
  body.wcprop-2 .col-xl-6,
  body.wcprop-2 .col-xl-5,
  body.wcprop-2 .col-xl-4,
  body.wcprop-2 .col-xl-3,
  body.wcprop-2 .col-xl-2,
  body.wcprop-2 .col-xl-1,
  body.wcprop-2 .col-lg,
  body.wcprop-2 .col-lg-auto,
  body.wcprop-2 .col-lg-12,
  body.wcprop-2 .col-lg-11,
  body.wcprop-2 .col-lg-10,
  body.wcprop-2 .col-lg-9,
  body.wcprop-2 .col-lg-8,
  body.wcprop-2 .col-lg-7,
  body.wcprop-2 .col-lg-6,
  body.wcprop-2 .col-lg-5,
  body.wcprop-2 .col-lg-4,
  body.wcprop-2 .col-lg-3,
  body.wcprop-2 .col-lg-2,
  body.wcprop-2 .col-lg-1,
  body.wcprop-2 .col-md,
  body.wcprop-2 .col-md-auto,
  body.wcprop-2 .col-md-12,
  body.wcprop-2 .col-md-11,
  body.wcprop-2 .col-md-10,
  body.wcprop-2 .col-md-9,
  body.wcprop-2 .col-md-8,
  body.wcprop-2 .col-md-7,
  body.wcprop-2 .col-md-6,
  body.wcprop-2 .col-md-5,
  body.wcprop-2 .col-md-4,
  body.wcprop-2 .col-md-3,
  body.wcprop-2 .col-md-2,
  body.wcprop-2 .col-md-1,
  body.wcprop-2 .col-sm,
  body.wcprop-2 .col-sm-auto,
  body.wcprop-2 .col-sm-12,
  body.wcprop-2 .col-sm-11,
  body.wcprop-2 .col-sm-10,
  body.wcprop-2 .col-sm-9,
  body.wcprop-2 .col-sm-8,
  body.wcprop-2 .col-sm-7,
  body.wcprop-2 .col-sm-6,
  body.wcprop-2 .col-sm-5,
  body.wcprop-2 .col-sm-4,
  body.wcprop-2 .col-sm-3,
  body.wcprop-2 .col-sm-2,
  body.wcprop-2 .col-sm-1,
  body.wcprop-2 .col,
  body.wcprop-2 .col-auto,
  body.wcprop-2 .col-12,
  body.wcprop-2 .col-xs-12,
  body.wcprop-2 .col-11,
  body.wcprop-2 .col-xs-11,
  body.wcprop-2 .col-10,
  body.wcprop-2 .col-xs-10,
  body.wcprop-2 .col-9,
  body.wcprop-2 .col-xs-9,
  body.wcprop-2 .col-8,
  body.wcprop-2 .col-xs-8,
  body.wcprop-2 .col-7,
  body.wcprop-2 .col-xs-7,
  body.wcprop-2 .col-6,
  body.wcprop-2 .col-xs-6,
  body.wcprop-2 .col-5,
  body.wcprop-2 .col-xs-5,
  body.wcprop-2 .col-4,
  body.wcprop-2 .col-xs-4,
  body.wcprop-2 .col-3,
  body.wcprop-2 .col-xs-3,
  body.wcprop-2 .col-2,
  body.wcprop-2 .col-xs-2,
  body.wcprop-2 .col-1,
  body.wcprop-2 .col-xs-1 {
    padding-right: 0.545vw;
    padding-left: 0.545vw;
  }
  body.wcprop-2 .row {
    margin-right: -0.545vw;
    margin-left: -0.545vw;
  }
  body.wcprop-2 .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
}
body.wcprop-2 .accordion-container .accordion .card {
  margin-bottom: 1px;
  border-radius: var(--borderRadius);
  box-shadow: none;
}
body.wcprop-2 .accordion-container .accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
  margin-bottom: 0;
}
body.wcprop-2 .accordion-container .accordion .card:first-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.wcprop-2 .accordion-container .accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.wcprop-2 .accordion-container .accordion .card .card-header {
  background: transparent;
  padding: 0;
}
body.wcprop-2 .accordion-container .accordion .card .card-header:first-child {
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link {
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: var(--accordion-headtext-color);
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0;
  font-family: var(--wc-heading-font-family2);
  background-color: var(--accordion-headbg-color);
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw 1.8173557474vw 0.5452067242vw 0.726942299vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link:hover, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link:focus {
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
  text-decoration: none;
  box-shadow: none;
}
body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link:hover::before, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link:hover::after, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link:focus::before, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link:focus::after {
  background: var(--accordion-headtext-hover-color);
}
body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::after {
  content: "";
  background: var(--accordion-headtext-color);
  width: 16px;
  height: 2px;
  display: block;
  right: 1.25rem;
  position: absolute;
  transition: 0.3s transform cubic-bezier(0.19, 1, 0.22, 1);
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::after {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::after {
    width: 0.6vw;
    right: 1.0416vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link::after {
    width: 12px;
  }
}
body.wcprop-2 .accordion-container .accordion .card .card-header .btn-link.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
body.wcprop-2 .accordion-container .accordion .card .card-content.collapsing {
  transition: height 0.35s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .accordion-container .accordion .card .card-content.collapsing {
    transition: none;
  }
}
body.wcprop-2 .accordion-container .accordion .card .card-content .card-body {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .accordion-container .accordion .card .card-content .card-body .accordion-content-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 72.5%;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .accordion-container .accordion .card .card-content .card-body .accordion-content-image {
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .accordion-container .accordion .card .card-content .card-body .accordion-content-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .accordion-container .accordion .card .card-content .card-body .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .accordion-container .accordion .card .card-content .card-body .col-md-4 .accordion-content-image {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .accordion-container .accordion .card .card-content .card-body .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0rem !important;
  }
}
body.wcprop-2 .wcl-col-3 .accordion-container .accordion .card .card-content .card-body .col-md-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0rem !important;
}
body.wcprop-2 .wcl-col-3 .accordion-container .accordion .card .card-content .card-body .col-md-4 .accordion-content-image {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .accordion-container .accordion .card .card-content .card-body .col-md-4 .accordion-content-image {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .wcl-col-3 .accordion-container .accordion .card .card-content .card-body .col-md-8 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0rem !important;
}
body.wcprop-2 .accordion-two-container .accordion .card {
  margin-bottom: 1px;
  border-radius: var(--borderRadius);
  box-shadow: none;
}
body.wcprop-2 .accordion-two-container .accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
  margin-bottom: 0;
}
body.wcprop-2 .accordion-two-container .accordion .card:first-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.wcprop-2 .accordion-two-container .accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header {
  background: transparent;
  padding: 0;
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header:first-child {
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link {
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: var(--accordion-headtext-color);
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0;
  background: var(--accordion-headbg-color);
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
    padding: 0.625vw 1.0416vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:not(.collapsed) {
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:not(.collapsed)::before, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:not(.collapsed)::after {
  background: var(--accordion-headtext-hover-color);
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:hover, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:focus {
  text-decoration: none;
  box-shadow: none;
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:hover::before, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:hover::after, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:focus::before, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link:focus::after {
  background: var(--accordion-headtext-hover-color);
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::after {
  content: "";
  background: var(--accordion-headtext-color);
  width: 16px;
  height: 2px;
  display: block;
  right: 1.25rem;
  position: absolute;
  transition: 0.3s transform cubic-bezier(0.19, 1, 0.22, 1);
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::after {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::after {
    width: 0.6vw;
    right: 1.0416vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::before, body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link::after {
    width: 12px;
  }
}
body.wcprop-2 .accordion-two-container .accordion .card .card-header .btn-link.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
body.wcprop-2 .accordion-two-container .accordion .card .card-content.collapsing {
  transition: height 0.35s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-content.collapsing {
    transition: none;
  }
}
body.wcprop-2 .accordion-two-container .accordion .card .card-content .card-body {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body {
  border-bottom: 2px solid var(--wc-border-color);
}
body.wcprop-2 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body:last-child {
  border-bottom: none;
}
body.wcprop-2 .accordion-two-container .accordion .card .card-content .card-body .accordion-content-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 72.5%;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .accordion-two-container .accordion .card .card-content .card-body .accordion-content-image {
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .accordion-two-container .accordion .card .card-content .card-body .accordion-content-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .accordion-two-container .accordion .card .card-content .card-body .accordion-content-text {
  padding: 0;
  z-index: 2;
  position: relative;
}
body.wcprop-2 .wcl-col-3 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body .col-md-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0rem !important;
}
body.wcprop-2 .wcl-col-3 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body .col-md-4 .accordion-content-image {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body .col-md-4 .accordion-content-image {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .wcl-col-3 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body .col-md-8 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0rem !important;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body .col-md-4 .accordion-content-image {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .accordion-two-container .accordion .card .card-content .card-body.card-sub-body .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0rem !important;
  }
}
body.wcprop-2 .text-with-image-container {
  position: relative;
}
body.wcprop-2 .text-with-image-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .text-with-image-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .text-with-image-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .text-with-image-container .card .card-body .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 72.5%;
  width: 100%;
}
body.wcprop-2 .text-with-image-container .card .card-body .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .wcl-col-3 .text-with-image-container .card .card-body .col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0rem !important;
  order: 2;
}
body.wcprop-2 .wcl-col-3 .text-with-image-container .card .card-body .col-lg-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0rem !important;
  order: 1;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .text-with-image-container .card .card-body .col-lg-4 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .text-with-image-ii-container {
  position: relative;
}
body.wcprop-2 .text-with-image-ii-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .text-with-image-ii-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .text-with-image-ii-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .text-with-image-ii-container .card .card-body .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 72.5%;
  width: 100%;
}
body.wcprop-2 .text-with-image-ii-container .card .card-body .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .photo-listing-container {
  position: relative;
}
body.wcprop-2 .photo-listing-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .photo-listing-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .photo-listing-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .photo-listing-container .card .card-body .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  width: 100%;
}
body.wcprop-2 .photo-listing-container .card .card-body .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.wcprop-2 .wcl-col-3 .photo-listing-container .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .wcl-col-3 .photo-listing-container .card .card-body .col-lg-5 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 !important;
  margin-bottom: 1.5rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .photo-listing-container .card .card-body .col-lg-5 {
    margin-bottom: 1.0904134484vw !important;
  }
}
body.wcprop-2 .wcl-col-3 .photo-listing-container .card .card-body .col-lg-7 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .photo-listing-container .card .card-body .col-lg-5,
  body.wcprop-2 .wcl-col-9 .photo-listing-container .card .card-body .col-lg-7,
  body.wcprop-2 .wcl-col-6 .photo-listing-container .card .card-body .col-lg-5,
  body.wcprop-2 .wcl-col-6 .photo-listing-container .card .card-body .col-lg-7 {
    padding: 0rem !important;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem !important;
  }
}
body.wcprop-2 .bullets-with-image-container {
  position: relative;
}
body.wcprop-2 .bullets-with-image-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bullets-with-image-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .bullets-with-image-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .bullets-with-image-container .card .card-body .card-content ul li {
  display: flex;
  padding: 0 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bullets-with-image-container .card .card-body .card-content ul li {
    padding: 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .bullets-with-image-container .card .card-body .card-content ul li:last-child {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bullets-with-image-container .card .card-body .card-content ul li:last-child {
    padding: 0;
  }
}
body.wcprop-2 .bullets-with-image-container .card .card-body .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 72.5%;
  width: 100%;
}
body.wcprop-2 .bullets-with-image-container .card .card-body .card-image.no-bullets {
  padding-bottom: 32.5%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .bullets-with-image-container .card .card-body .card-image.no-bullets {
    padding-bottom: 50%;
  }
}
body.wcprop-2 .bullets-with-image-container .card .card-body .card-image.no-bullets img {
  object-position: center;
}
body.wcprop-2 .bullets-with-image-container .card .card-body .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .wcl-col-3 .bullets-with-image-container .card .card-body .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 !important;
}
body.wcprop-2 .wcl-col-3 .bullets-with-image-container .card .card-body .col-md-6:nth-child(1) {
  order: 2;
}
body.wcprop-2 .wcl-col-3 .bullets-with-image-container .card .card-body .col-md-6:nth-child(2) {
  order: 1;
  margin-bottom: 1rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .bullets-with-image-container .card .card-body .col-md-6:nth-child(2) {
    margin-bottom: 0.726942299vw !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .bullets-with-image-container .card .card-body .col-md-6,
  body.wcprop-2 .wcl-col-6 .bullets-with-image-container .card .card-body .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important;
  }
  body.wcprop-2 .wcl-col-9 .bullets-with-image-container .card .card-body .col-md-6:nth-child(1),
  body.wcprop-2 .wcl-col-6 .bullets-with-image-container .card .card-body .col-md-6:nth-child(1) {
    order: 2;
  }
  body.wcprop-2 .wcl-col-9 .bullets-with-image-container .card .card-body .col-md-6:nth-child(2),
  body.wcprop-2 .wcl-col-6 .bullets-with-image-container .card .card-body .col-md-6:nth-child(2) {
    order: 1;
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 991.98px) and (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-9 .bullets-with-image-container .card .card-body .col-md-6:nth-child(2),
  body.wcprop-2 .wcl-col-6 .bullets-with-image-container .card .card-body .col-md-6:nth-child(2) {
    margin-bottom: 0.726942299vw !important;
  }
}
body.wcprop-2 .contact-us-container {
  position: relative;
}
body.wcprop-2 .contact-us-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .contact-us-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .contact-us-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .contact-us-container .card .card-body .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 72.5%;
  width: 100%;
}
body.wcprop-2 .contact-us-container .card .card-body .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .wcl-col-3 .contact-us-container .card .card-body .col-lg-5 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0 !important;
  order: 2;
}
body.wcprop-2 .wcl-col-3 .contact-us-container .card .card-body .col-lg-7 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0 !important;
  order: 1;
  margin-bottom: 1rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .contact-us-container .card .card-body .col-lg-7 {
    margin-bottom: 0.726942299vw !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .contact-us-container .card .card-body .col-lg-5 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0 !important;
    order: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .contact-us-container .card .card-body .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0 !important;
    order: 1;
    margin-bottom: 1rem !important;
  }
}
body.wcprop-2 .overlay-hover-effect-container {
  position: relative;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .col-xl-3 .card .card-link .card-image {
  padding-bottom: 80%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .col-xl-12 .card .card-link .card-image {
  padding-bottom: 45%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link {
  color: var(--wc-font-color);
  display: flex;
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover, body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:focus {
  color: var(--wc-font-color);
  text-decoration: none;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover .card-image .card-img-overlay {
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover .card-image .card-img-overlay .card-content .card-title {
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover .card-image .card-img-overlay .card-content .card-text {
  opacity: 1;
  visibility: visible;
  transition: 0.4s opacity ease-in 0.2s, 0.4s visibility ease-in 0.2s;
  position: relative;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover .card-image .card-img-overlay .card-content .card-text {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  width: 100%;
  min-height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: var(--wc-overlay-bg);
  color: var(--bg-text-color);
  top: initial;
  height: 64px;
  transition: 0.5s all ease-in-out;
  will-change: height;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay {
    height: 2.9077691958vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay {
    height: 50px;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
  width: 100%;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  position: absolute;
  color: var(--bg-text-color);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text p {
  color: var(--bg-text-color);
}
body.wcprop-2 .wcl-col-3 .overlay-hover-effect-container .col-xl-3,
body.wcprop-2 .wcl-col-3 .overlay-hover-effect-container .col-xl-4,
body.wcprop-2 .wcl-col-3 .overlay-hover-effect-container .col-xl-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-6 .overlay-hover-effect-container .col-xl-3 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1.5rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .overlay-hover-effect-container .col-xl-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem !important;
  }
}
body.wcprop-2 .images-with-title-action-bar {
  position: relative;
}
body.wcprop-2 .images-with-title-action-bar .row {
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .images-with-title-action-bar .row {
    margin-bottom: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .images-with-title-action-bar .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .images-with-title-action-bar .row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .images-with-title-action-bar .row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .images-with-title-action-bar .image-callout-wrap.col-lg-12 .card .card-image {
  padding-bottom: 40%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .images-with-title-action-bar .image-callout-wrap.col-lg-12 .card .card-image {
    padding-bottom: 65%;
  }
}
body.wcprop-2 .images-with-title-action-bar .image-callout-wrap.col-lg-12 .card .card-image .card-img {
  background-position: center;
}
body.wcprop-2 .images-with-title-action-bar .image-callout-wrap.col-lg-6 .card .card-image {
  padding-bottom: 65%;
}
body.wcprop-2 .images-with-title-action-bar .image-callout-wrap.col-lg-6 .card .card-image .card-img {
  background-position: center;
}
body.wcprop-2 .images-with-title-action-bar .card {
  margin-bottom: 1px;
  border-radius: var(--borderRadius);
  box-shadow: none;
  overflow: hidden;
  margin-bottom: 0;
}
body.wcprop-2 .images-with-title-action-bar .card a:hover {
  text-decoration: none;
  border-bottom: none;
}
body.wcprop-2 .images-with-title-action-bar .card .card-image {
  position: relative;
  height: 0;
  padding-bottom: 80%;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .images-with-title-action-bar .card .card-image {
    padding-bottom: 65%;
  }
}
body.wcprop-2 .images-with-title-action-bar .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom;
  border-radius: var(--borderRadius);
}
body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay {
  bottom: 0;
  top: initial;
  padding: 0;
  height: 56px;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay {
    height: 1.8vw;
  }
}
body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay::before {
  content: "";
  background: var(--wc-overlay-bg);
  padding: 1rem;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
}
body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay::after {
  content: var(--list-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: var(--bg-text-color);
  border: 2px solid var(--bg-text-color);
  border-radius: 50px;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay::after {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay::after {
    width: 32px;
    height: 32px;
  }
}
body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay .card-text {
  font-family: var(--wc-font-family);
  color: var(--bg-text-color);
  padding: 0 1rem;
  z-index: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  width: 83%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .images-with-title-action-bar .card .card-img-overlay .card-text {
    padding: 0 0.833vw;
  }
}
body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-6.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-6.col-md-4.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-6.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-4.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-4.col-md-4.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-4.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-3.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-3.col-md-4.image-callout-wrap, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-3.col-md-6.image-callout-wrap {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  margin-bottom: 1.5rem !important;
}
body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-12.image-callout-wrap .card .card-image, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-4.image-callout-wrap .card .card-image, body.wcprop-2 .wcl-col-3 .images-with-title-action-bar .col-lg-3.image-callout-wrap .card .card-image {
  padding-bottom: 65%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-6.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-6.col-md-4.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-6.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-4.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-4.col-md-4.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-4.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-3.col-md-6.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-3.col-md-4.image-callout-wrap, body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-3.col-md-6.image-callout-wrap {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 1.5rem !important;
  }
}
body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-12.image-callout-wrap .card .card-image {
  padding-bottom: 65%;
}
@media only screen and (min-width: 992px) and (max-width: 1299.98px) {
  body.wcprop-2 .wcl-col-6 .images-with-title-action-bar .col-lg-3.col-md-6.image-callout-wrap {
    max-width: 50%;
    flex: 0 0 50%;
    margin-bottom: 1.5rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .images-with-title-action-bar .col-lg-4.col-md-4.image-callout-wrap {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1.5rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .images-with-title-action-bar .image-callout-wrap.col-lg-6 .card .card-img-overlay .card-text {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299.98px) {
  body.wcprop-2 .wcl-col-9 .images-with-title-action-bar .col-lg-3.col-md-6.image-callout-wrap {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1.5rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299.98px) {
  body.wcprop-2 .wcl-col-9 .images-with-title-action-bar .card .card-image {
    padding-bottom: 65%;
  }
}
body.wcprop-2 .three-column-info-blocks {
  position: relative;
}
body.wcprop-2 .three-column-info-blocks .row {
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .three-column-info-blocks .row {
    margin-bottom: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .three-column-info-blocks .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .three-column-info-blocks .row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .three-column-info-blocks .row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .three-column-info-blocks .info_block {
  display: flex;
}
body.wcprop-2 .three-column-info-blocks .info_block.col-lg-12 .card .card-image {
  padding-bottom: 40%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .three-column-info-blocks .info_block.col-lg-12 .card .card-image {
    padding-bottom: 50%;
  }
}
body.wcprop-2 .three-column-info-blocks .info_block.col-lg-6 .card .card-image {
  padding-bottom: 65%;
}
body.wcprop-2 .three-column-info-blocks .info_block .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
  border-radius: var(--borderRadius);
}
body.wcprop-2 .three-column-info-blocks .info_block .card .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 90%;
}
body.wcprop-2 .three-column-info-blocks .info_block .card .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .three-column-info-blocks .info_block .card .card-body .card-title {
  margin-top: 0px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .three-column-info-blocks .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1.5rem !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .three-column-info-blocks .row {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .three-column-info-blocks .col-md-3,
  body.wcprop-2 .wcl-col-6 .three-column-info-blocks .col-md-4,
  body.wcprop-2 .wcl-col-6 .three-column-info-blocks .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .three-column-info-blocks .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .three-column-transactional-content {
  position: relative;
}
body.wcprop-2 .three-column-transactional-content .row {
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .three-column-transactional-content .row {
    margin-bottom: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .three-column-transactional-content .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .three-column-transactional-content .row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .three-column-transactional-content .row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .three-column-transactional-content .transactional-content {
  display: flex;
}
body.wcprop-2 .three-column-transactional-content .transactional-content.col-lg-12 .card .card-image {
  padding-bottom: 40%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .three-column-transactional-content .transactional-content.col-lg-12 .card .card-image {
    padding-bottom: 50%;
  }
}
body.wcprop-2 .three-column-transactional-content .transactional-content.col-lg-6 .card .card-image {
  padding-bottom: 65%;
}
body.wcprop-2 .three-column-transactional-content .transactional-content .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
  border-radius: var(--borderRadius);
}
body.wcprop-2 .three-column-transactional-content .transactional-content .card .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 90%;
}
body.wcprop-2 .three-column-transactional-content .transactional-content .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .three-column-transactional-content .transactional-content .card .card-body .card-title {
  margin-top: 0px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .three-column-transactional-content .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .three-column-transactional-content .row {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .three-column-transactional-content .col-md-3,
  body.wcprop-2 .wcl-col-6 .three-column-transactional-content .col-md-4,
  body.wcprop-2 .wcl-col-6 .three-column-transactional-content .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .three-column-transactional-content .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .card-view-two {
  position: relative;
}
body.wcprop-2 .card-view-two .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view-two .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .card-view-two .card .row:last-child {
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view-two .card .row:last-child {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .card-view-two .card .row:nth-child(2) .card-body .card-text {
  border-top: 0px solid var(--wc-border-color);
}
body.wcprop-2 .card-view-two .card .row:nth-child(2) .card-body .card-text p {
  margin-top: 0rem;
}
body.wcprop-2 .card-view-two .card .row .card-body {
  padding-bottom: 0rem;
}
body.wcprop-2 .card-view-two .card .row .card-body .card-text {
  border-top: 2px solid var(--wc-border-color);
}
body.wcprop-2 .card-view-two .card .row .card-body .card-text p {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view-two .card .row .card-body .card-text p {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .card-view-two .card .card-header {
  position: relative;
  background: transparent;
  padding: 0;
  overflow: hidden;
}
body.wcprop-2 .card-view-two .card .card-header .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 55%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .card-view-two .card .card-header .card-image {
    padding-bottom: 100%;
  }
}
body.wcprop-2 .card-view-two .card .card-header .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay {
  top: initial;
  padding: 1rem 0;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view-two .card .card-header .card-img-overlay {
    padding: 0.726942299vw 0;
  }
}
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay::before {
  content: "";
  background: var(--wc-overlay-bg);
  padding: 1rem;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view-two .card .card-header .card-img-overlay::before {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-title {
  margin-top: 0px;
  padding: 0 1rem;
  color: var(--bg-text-color);
  z-index: 2;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-title {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text {
  padding: 0 1rem;
  color: var(--bg-text-color);
  z-index: 2;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text h1,
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text h2,
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text h3,
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text h4,
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text h5,
body.wcprop-2 .card-view-two .card .card-header .card-img-overlay .card-text h6 {
  color: var(--bg-text-color);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-3 .card-view-two .card .card-header .card-image,
  body.wcprop-2 .wcl-col-6 .card-view-two .card .card-header .card-image {
    padding-bottom: 80%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-3 .card-view-two .card .card-header .card-img-overlay .card-title,
  body.wcprop-2 .wcl-col-3 .card-view-two .card .card-header .card-img-overlay .card-text,
  body.wcprop-2 .wcl-col-6 .card-view-two .card .card-header .card-img-overlay .card-title,
  body.wcprop-2 .wcl-col-6 .card-view-two .card .card-header .card-img-overlay .card-text {
    padding: 0;
  }
}
body.wcprop-2 .custom-columns-gray {
  position: relative;
}
body.wcprop-2 .custom-columns-gray .row {
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .custom-columns-gray .row {
    margin-bottom: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .custom-columns-gray .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .custom-columns-gray .row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .custom-columns-gray .row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .custom-columns-gray .custom-columns-content {
  display: flex;
  background: var(--wc-body-bg);
  padding: 1rem;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .custom-columns-gray .custom-columns-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .custom-columns-gray .custom-columns-content.col-lg-12 .card .card-image {
  padding-bottom: 40%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .custom-columns-gray .custom-columns-content.col-lg-12 .card .card-image {
    padding-bottom: 50%;
  }
}
body.wcprop-2 .custom-columns-gray .custom-columns-content.col-lg-6 .card .card-image {
  padding-bottom: 65%;
}
body.wcprop-2 .custom-columns-gray .custom-columns-content .card {
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .custom-columns-gray .custom-columns-content .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .custom-columns-gray .custom-columns-content .card .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 90%;
}
body.wcprop-2 .custom-columns-gray .custom-columns-content .card .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .custom-columns-gray .custom-columns-content .card .card-body {
  padding: 1rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .custom-columns-gray .custom-columns-content .card .card-body {
    padding: 0.726942299vw 0 0;
  }
}
body.wcprop-2 .custom-columns-gray .custom-columns-content .card .card-body .card-title {
  margin-top: 0px;
}
body.wcprop-2 .featured-events-listing .featured-events .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-events-listing .featured-events .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-events-listing .featured-events .card {
    flex-direction: column;
  }
}
body.wcprop-2 .featured-events-listing .featured-events .card .card-image {
  position: relative;
  height: 0;
  padding-bottom: 25%;
  flex: 0 0 33.333%;
  max-width: 33.333%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-image {
    padding-bottom: 30%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-image {
    padding-bottom: 60%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .featured-events-listing .featured-events .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-image .card-img {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-title {
  margin-top: 0px;
  color: var(--primary-color);
  margin-bottom: calc(var(--wc-h-margin) - 0.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-title {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text-top {
  color: var(--wc-font-color);
  display: flex;
}
body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text-top .text-muted {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--wc-font-color) !important;
  font-weight: 600;
  border-right: 1px solid var(--wc-border-color);
  padding-right: 0.75rem;
  margin-right: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text-top .text-muted {
    padding-right: 0.5452067242vw;
    margin-right: 0.5452067242vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text-top .text-muted {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text-top .text-muted {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text-top .text-muted {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text-top .text-muted:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text {
  color: var(--wc-font-color);
  padding-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-events-listing .featured-events .card .card-body .card-text {
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-3 .featured-events-listing .featured-events .card {
  flex-direction: column;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .featured-events-listing .featured-events .card {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-3 .featured-events-listing .featured-events .card .card-image {
  flex: 0 0 100%;
  max-width: 100%;
  padding-bottom: 75%;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-6 .featured-events-listing .featured-events .card {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-6 .featured-events-listing .featured-events .card .card-image {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 60%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .featured-events-listing .featured-events .card {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .featured-events-listing .featured-events .card .card-image {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 60%;
  }
}
body.wcprop-2 .featured-cta-text-block-container .featured-cta-text-blocks .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-cta-text-block-container .featured-cta-text-blocks .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .featured-cta-text-block-container .featured-cta-text-blocks .card:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-cta-text-block-container .featured-cta-text-blocks .card:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .featured-cta-text-block-container .featured-cta-text-blocks .card .card-body .card-text {
  color: var(--wc-font-color);
}
body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card {
    flex-direction: column;
  }
}
body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card .card-image {
  position: relative;
  height: 0;
  padding-bottom: 20%;
  flex: 0 0 25%;
  max-width: 25%;
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card .card-image {
    padding-bottom: 60%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadius);
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card .card-image .card-img {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card .card-body {
  padding: 0;
}
body.wcprop-2 .featured-text-block-image-container .featured-text-blocks-image .card .card-body .card-text {
  color: var(--wc-font-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-block-image-container .featured-text-blocks-image .card,
  body.wcprop-2 .wcl-col-9 .featured-text-block-image-container .featured-text-blocks-image .card {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-block-image-container .featured-text-blocks-image .card .card-image,
  body.wcprop-2 .wcl-col-9 .featured-text-block-image-container .featured-text-blocks-image .card .card-image {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    padding-bottom: 65%;
    order: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-block-image-container .featured-text-blocks-image .card .card-body,
  body.wcprop-2 .wcl-col-9 .featured-text-block-image-container .featured-text-blocks-image .card .card-body {
    padding-left: 0 !important;
  }
}
body.wcprop-2 .wcl-col-3 .featured-text-block-image-container .featured-text-blocks-image .card {
  flex-direction: column;
}
body.wcprop-2 .wcl-col-3 .featured-text-block-image-container .featured-text-blocks-image .card .card-image {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 65%;
}
body.wcprop-2 .wcl-col-3 .featured-text-block-image-container .featured-text-blocks-image .card .card-body {
  padding-left: 0 !important;
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 1rem;
  width: 100%;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body {
    flex-direction: column;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
  position: relative;
  height: 0;
  padding-bottom: 17%;
  flex: 0 0 20%;
  max-width: 20%;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
    flex: 0 0 25%;
    max-width: 25%;
    padding-bottom: 28%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
    padding-bottom: 45%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
    padding-bottom: 60%;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image.no-content {
  padding-bottom: 40%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image.no-content {
    padding-bottom: 28%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image.no-content {
    padding-bottom: 45%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image.no-content {
    padding-bottom: 60%;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadius);
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image .card-img {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 60%;
  flex: 0 0 60%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
    padding-left: 0.726942299vw;
    padding-right: 0.726942299vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 0;
    padding-top: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content.no-img {
  flex: 0 0 80%;
  max-width: 80%;
  padding-left: 0;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content.no-img {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content.no-img {
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 0;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content.no-img {
    padding-left: 0;
    padding-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content.no-content {
  padding-left: 0;
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content .card-text {
  color: var(--wc-font-color);
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer {
  background: var(--wc-body-bg);
  color: var(--wc-font-color);
  flex: 0 0 20%;
  max-width: 20%;
  border-radius: var(--borderRadius);
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer {
    flex: 0 0 30%;
    max-width: 30%;
    margin-top: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.no-img {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.no-img {
    margin-top: 1rem;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h1,
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h2,
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h3,
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h4,
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h5,
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h6 {
  margin-bottom: calc(var(--wc-h-margin) - 0.6rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h1,
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h2,
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h3,
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h4,
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h5,
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer h6 {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--wc-font-color) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted ul li {
  font-size: calc(var(--wc-font-size) - 2px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted ul li {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted p {
  font-size: calc(var(--wc-font-size) - 2px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-footer.text-muted p {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-footer {
    padding: 0.625vw 1.0416vw;
  }
}
body.wcprop-2 .wcl-col-3 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
  padding-bottom: 60%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-3 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0rem;
}
body.wcprop-2 .wcl-col-3 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer {
  max-width: 100%;
  flex: 0 0 100%;
  padding-right: 0rem;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer {
    margin-top: 0.726942299vw;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
    padding-bottom: 50%;
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-image {
    padding-bottom: 60%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 2000px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
    max-width: 55%;
    flex: 0 0 55%;
    padding-right: 0rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
    max-width: 55%;
    flex: 0 0 55%;
    padding-right: 0rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-content {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0rem;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 2000px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer,
  body.wcprop-2 .wcl-col-9 .featured-text-image-cta-hour-block-container .featured-text-blocks-hour .card .card-body .card-footer {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0rem;
    margin-top: 1rem;
  }
}
body.wcprop-2 .hero-banner .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .hero-banner .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .hero-banner .card .card-image {
  position: relative;
  height: 0;
  padding-bottom: 30%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .hero-banner .card .card-image {
    padding-bottom: 40%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .hero-banner .card .card-image {
    padding-bottom: 55%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .hero-banner .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadius);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
body.wcprop-2 .hero-banner .card .card-image .card-img-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}
body.wcprop-2 .hero-banner .card .card-image .card-img-overlay::before {
  content: "";
  background: var(--wc-overlay-bg);
  padding: 1rem;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  opacity: 0.5;
  z-index: 1;
}
body.wcprop-2 .hero-banner .card .card-image .card-img-overlay .card-text {
  padding: 0 1rem;
  color: var(--bg-text-color);
  z-index: 2;
  position: relative;
  font-size: calc((var(--wc-font-size) + 8) * 1px);
  font-weight: 600;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .hero-banner .card .card-image .card-img-overlay .card-text {
    padding: 0 0.726942299vw;
    font-size: calc((var(--wc-font-size) + 10) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .hero-banner .card .card-image .card-img-overlay .card-text {
    font-size: calc((var(--wc-font-size) + 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .hero-banner .card .card-image .card-img-overlay .card-text {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .hero-banner .card .card-image .card-img-overlay .card-text {
    font-size: calc((var(-wc-mobile-font-size) + 2) * 1px);
  }
}
body.wcprop-2 .links-list {
  position: relative;
}
body.wcprop-2 .links-list .links-block {
  display: flex;
}
body.wcprop-2 .links-list .links-block .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .links-list .links-block .card .card-body .card-text {
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-body .card-text {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer {
  background: var(--wc-body-bg);
  color: var(--wc-font-color);
  padding: 1rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer {
    padding: 0.726942299vw 0 0;
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 1rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link {
    padding: 0 0.726942299vw 0.726942299vw;
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon {
  padding-right: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon {
    padding-right: 0.4543389368vw;
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon .link-icon-img {
  width: 20px;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon .link-icon-img {
    width: 0.9086778737vw;
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon .link-icon-fa {
  font-size: 18px;
  display: flex;
  color: var(--primary-color);
  font-family: var(--fontawesome-family);
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon .link-icon-fa {
    font-size: 0.8178100863vw;
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon .custom-icon-fa {
  position: relative;
  display: flex;
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon .custom-icon-fa::before {
  content: "\f0c1";
  font-family: var(--fontawesome-family);
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-icon .custom-icon-fa::before {
    font-size: 0.8178100863vw;
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link:hover, body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link:focus {
  text-decoration: none;
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link:hover .card-link-icon, body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link:focus .card-link-icon {
  text-decoration: none;
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link:hover .card-link-text, body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link:focus .card-link-text {
  text-decoration: none;
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-text {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-text:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .links-list .links-block .card .card-footer .link-block .card-link .card-link-text {
    font-size: var(--wc-mobile-font-size);
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-6 .links-list .links-block .card .card-footer .col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-6 .links-list .links-block .card .card-footer .link-block .card-link {
    padding: 0 0.5rem 1rem;
  }
}
body.wcprop-2 .wcl-col-3 .links-list .links-block .card .card-footer .col-lg-2,
body.wcprop-2 .wcl-col-3 .links-list .links-block .card .card-footer .col-lg-3,
body.wcprop-2 .wcl-col-3 .links-list .links-block .card .card-footer .col-lg-4,
body.wcprop-2 .wcl-col-3 .links-list .links-block .card .card-footer .col-lg-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .marketing-carousel {
  position: relative;
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .owl-stage {
  display: flex;
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  height: 100%;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .card .card-link {
  text-decoration: none;
  color: var(--wc-font-color);
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .card .card-link:hover, body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .card .card-link:focus {
  text-decoration: none;
  color: var(--wc-font-color);
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .card .card-image {
  position: relative;
  height: 0;
  padding-bottom: 65%;
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-carousel .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 25%;
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev,
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next {
  width: var(--sliderArrow-width);
  height: var(--sliderArrow-height);
  display: flex;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev,
  body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next {
    width: 2.6041vw;
    height: 2.6041vw;
  }
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev:focus,
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next:focus {
  outline: none;
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev span,
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next span {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--sliderArrow-bg);
  text-indent: 100px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev span,
  body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next span {
    text-indent: 4.5433893685vw;
  }
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev span::before,
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next span::before {
  position: absolute;
  font-family: var(--fontawesome-family);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 6) * 1px);
  pointer-events: none;
  text-indent: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev span::before,
  body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next span::before {
    font-size: calc((var(--wc-font-size) + 6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev {
  left: 0;
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-prev span::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next {
  right: 0;
}
body.wcprop-2 .marketing-carousel .carousel-wrap .owl-nav .owl-next span::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 .overlay-hover-effect-container {
  position: relative;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .col-xl-3 .card .card-link .card-image {
  padding-bottom: 80%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .col-xl-12 .card .card-link .card-image {
  padding-bottom: 45%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link {
  color: var(--wc-font-color);
  display: flex;
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover, body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:focus {
  color: var(--wc-font-color);
  text-decoration: none;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover .card-image .card-img-overlay {
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover .card-image .card-img-overlay .card-text {
  opacity: 0;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-link:hover .card-image .card-img-overlay .card-text.card-description {
  opacity: 1;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay {
  top: initial;
  transition: 0.3s all ease-in-out;
  will-change: height;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay .card-content {
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay .card-text {
  top: initial;
  transform: none;
  position: initial;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay .card-text.card-title {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay .card-text.card-description {
  height: 0;
  opacity: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition: 0.3s all ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay .card-text.card-description {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-image .card-img-overlay .card-text.card-description {
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-link:hover .card-image .card-img-overlay {
  opacity: 1;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-link:hover .card-image .card-img-overlay .card-text.card-title {
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect1 .card-link:hover .card-image .card-img-overlay .card-text.card-description {
  -webkit-transform: translateY(-24px);
  -moz-transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  -o-transform: translateY(-24px);
  transform: translateY(-24px);
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay {
  transition: none;
  padding: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  background: transparent;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay::before {
  content: "";
  background: var(--wc-overlay-bg);
  width: calc(100% - 2.5rem);
  height: calc(100% - 2.5rem);
  opacity: 0;
  position: absolute;
  transition: 0.5s opacity ease-in-out;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: opacity;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay::before {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay::after {
  content: "";
  height: 64px;
  background: var(--wc-overlay-bg);
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: -1;
  transition: 0.3s all ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay::after {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay .card-content {
  z-index: 1;
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay .card-content .card-text {
  top: initial;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  position: initial;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay .card-content .card-text.card-title {
  position: relative;
  padding: 1.25rem 2.5rem;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay .card-content .card-text.card-description {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  position: relative;
  transition: 0.3s all ease-in-out;
  padding: 0 2.5rem;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-image .card-img-overlay .card-content .card-text.card-description {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-link:hover .card-image .card-img-overlay::before {
  opacity: 1;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-link:hover .card-image .card-img-overlay::after {
  opacity: 0;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-link:hover .card-image .card-img-overlay::after {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-link:hover .card-image .card-img-overlay .card-content .card-text.card-title {
  top: 0;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 1;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-link:hover .card-image .card-img-overlay .card-content .card-text.card-description {
  opacity: 1;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  transition: 0.3s all ease-in-out 0.1s;
  visibility: visible;
  overflow: visible;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card.overlay-effect2 .card-link:hover .card-image .card-img-overlay .card-content .card-text.card-description {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  width: 100%;
  min-height: 100%;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: var(--wc-overlay-bg);
  color: var(--bg-text-color);
  height: 64px;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay {
    height: 2.5vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay {
    height: 50px;
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
  width: 100%;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  position: absolute;
  color: var(--bg-text-color);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  opacity: 1;
  transition: 0.3s all ease-in-out;
  will-change: opacity;
  padding: 0 1rem;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text.card-description {
  opacity: 0;
}
body.wcprop-2 .overlay-hover-effect-container .card-container .card .card-image .card-img-overlay .card-text p {
  color: var(--bg-text-color);
}
body.wcprop-2 .wcl-col-3 .overlay-hover-effect-container .col-xl-3,
body.wcprop-2 .wcl-col-3 .overlay-hover-effect-container .col-xl-4,
body.wcprop-2 .wcl-col-3 .overlay-hover-effect-container .col-xl-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-6 .overlay-hover-effect-container .col-xl-3 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1.5rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .overlay-hover-effect-container .col-xl-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem !important;
  }
}
body.wcprop-2 .overlay-hover-effect {
  position: relative;
}
body.wcprop-2 .overlay-hover-effect .card-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-link {
  color: var(--wc-font-color);
  display: flex;
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-link:hover, body.wcprop-2 .overlay-hover-effect .card-container .card .card-link:focus {
  color: var(--wc-font-color);
  text-decoration: none;
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-link:hover .card-image .card-img-overlay {
  height: 100%;
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-link:hover .card-image .card-img-overlay .card-content .card-title {
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-link:hover .card-image .card-img-overlay .card-content .card-text {
  opacity: 1;
  visibility: visible;
  transition: 0.4s opacity ease-in 0.2s, 0.4s visibility ease-in 0.2s;
  position: relative;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-link:hover .card-image .card-img-overlay .card-content .card-text {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 45%;
  width: 100%;
  min-height: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image {
    padding-bottom: 55%;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: var(--wc-overlay-bg);
  color: var(--bg-text-color);
  top: initial;
  height: 72px;
  transition: 0.5s all ease-in-out;
  will-change: height;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay {
    height: 3.2712403453vw;
    padding: var(-card-body-padding);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay {
    height: 50px;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title {
  z-index: 1;
  color: var(--bg-text-color);
  margin-bottom: 0;
  position: relative;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.5s all ease-out;
  will-change: transform, top;
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h1 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h1 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h6 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h6 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h1 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading1) * 1px);
  color: var(--heading-color1);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h1 {
    font-size: calc(var(--wc-fs-heading1) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h1 {
    font-size: calc((var(--wc-fs-heading1) - 8) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h1 {
    font-size: calc((var(--wc-fs-heading1) - 12) * 1px);
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading2) * 1px);
  color: var(--heading-color2);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
    font-size: calc(var(--wc-fs-heading2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
    font-size: calc((var(--wc-fs-heading2) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
    font-size: calc((var(--wc-fs-heading2) - 8) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
    font-size: calc((var(--wc-fs-heading2) - 13) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
    font-size: calc((var(--wc-fs-heading2) - 10) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h2 {
    font-size: calc((var(--wc-fs-heading2) - 13) * 1px);
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
    font-size: calc((var(--wc-fs-heading3) - 6) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h3 {
    font-size: calc((var(--wc-fs-heading4) - 8) * 1px);
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading4) * 1px);
  color: var(--heading-color4);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h4 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h5 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h6 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--heading-color6);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h6 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h6 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h6 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title h6 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-title {
    transition: none;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-text {
  width: 100%;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  visibility: hidden;
  padding-top: 1rem;
  opacity: 0;
  transition: 0.2s all ease-out;
  will-change: opacity, visibility;
  position: absolute;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--bg-text-color);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-text {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .overlay-hover-effect .card-container .card .card-image .card-img-overlay .card-content .card-text p {
  color: var(--bg-text-color);
}
body.wcprop-2 .wcl-col-3 .overlay-hover-effect .card-container .col-lg-4,
body.wcprop-2 .wcl-col-3 .overlay-hover-effect .card-container .col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1.5rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .overlay-hover-effect .card-container .col-lg-4,
  body.wcprop-2 .wcl-col-3 .overlay-hover-effect .card-container .col-lg-8 {
    margin-bottom: 1.0904134484vw !important;
  }
}
body.wcprop-2 .wcl-col-3 .overlay-hover-effect .card-container .card .card-image {
  padding-bottom: 90%;
}
body.wcprop-2 .page-title-and-description .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .page-title-and-description .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .page-title-and-description .card .card-body .card-text {
  color: var(--wc-font-color);
}
body.wcprop-2 .page-title-and-description-with-promotional-content .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .page-title-and-description-with-promotional-content .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .page-title-and-description-with-promotional-content .card .card-body {
  height: 100%;
}
body.wcprop-2 .page-title-and-description-with-promotional-content .card .card-body .card-text {
  color: var(--wc-font-color);
  padding-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .page-title-and-description-with-promotional-content .card .card-body .card-text {
    padding-top: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .page-title-and-description-with-promotional-content .card .card-body.card-body-left {
    padding-bottom: 0;
  }
}
body.wcprop-2 .page-title-and-description-with-promotional-content .card .card-body.card-body-right {
  background: var(--wc-body-bg);
}
body.wcprop-2 .page-title-and-description-with-promotional-content .card .card-body.card-body-right .card-text {
  padding-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .page-title-and-description-with-promotional-content .card .card-body.card-body-right .card-text {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .page-title-and-description-with-promotional-content .card .col-md-5,
  body.wcprop-2 .wcl-col-9 .page-title-and-description-with-promotional-content .card .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .page-title-and-description-with-promotional-content .card .col-md-7,
  body.wcprop-2 .wcl-col-9 .page-title-and-description-with-promotional-content .card .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0rem !important;
  }
}
body.wcprop-2 .wcl-col-3 .page-title-and-description-with-promotional-content .card .col-md-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .wcl-col-3 .page-title-and-description-with-promotional-content .card .col-md-7 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0rem !important;
}
body.wcprop-2 .promotional-content-block {
  position: relative;
}
body.wcprop-2 .promotional-content-block .promotional_content {
  display: flex;
}
body.wcprop-2 .promotional-content-block .promotional_content.col-lg-12 .card .card-image {
  padding-bottom: 40%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .promotional-content-block .promotional_content.col-lg-12 .card .card-image {
    padding-bottom: 50%;
  }
}
body.wcprop-2 .promotional-content-block .promotional_content.col-lg-6 .card .card-image {
  padding-bottom: 65%;
}
body.wcprop-2 .promotional-content-block .promotional_content .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .promotional-content-block .promotional_content .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .promotional-content-block .promotional_content .card {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .promotional-content-block .promotional_content .card {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .static-image-content-block {
  position: relative;
}
body.wcprop-2 .static-image-content-block .static-image-block {
  display: flex;
}
body.wcprop-2 .static-image-content-block .static-image-block .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 35%;
  width: 100%;
  min-height: 100%;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image {
    padding-bottom: 45%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image {
    padding-bottom: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image {
    padding-bottom: 72.5%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image {
    padding-bottom: 85%;
  }
}
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay {
  background: var(--wc-overlay-bg);
  color: var(--bg-text-color);
  height: 100%;
  flex: 0 0 35%;
  max-width: 35%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay {
    padding: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text {
  width: 100%;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--bg-text-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text h1,
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text h2,
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text h3,
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text h4,
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text h5,
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text h6 {
  color: var(--bg-text-color);
}
body.wcprop-2 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text p {
  color: var(--bg-text-color);
}
body.wcprop-2 .wcl-col-3 .static-image-content-block .static-image-block .card .card-image {
  padding-bottom: 90%;
}
body.wcprop-2 .wcl-col-3 .static-image-content-block .static-image-block .card .card-image .card-img-overlay {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-3 .static-image-content-block .static-image-block .card .card-image .card-img-overlay {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .wcl-col-3 .static-image-content-block .static-image-block .card .card-image .card-img-overlay .card-text {
  -webkit-line-clamp: 9;
}
body.wcprop-2 .tiles-container {
  position: relative;
}
body.wcprop-2 .tiles-container .row {
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tiles-container .row {
    margin-bottom: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .tiles-container .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .tiles-container .row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tiles-container .row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .tiles-container .tiles_view {
  display: flex;
}
body.wcprop-2 .tiles-container .tiles_view.col-lg-12 .card .card-image {
  padding-bottom: 40%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .tiles-container .tiles_view.col-lg-12 .card .card-image {
    padding-bottom: 50%;
  }
}
body.wcprop-2 .tiles-container .tiles_view.col-lg-6 .card .card-image {
  padding-bottom: 65%;
}
body.wcprop-2 .tiles-container .tiles_view .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tiles-container .tiles_view .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .tiles-container .tiles_view .card:hover .card-image .card-img-overlay {
  height: 100%;
}
body.wcprop-2 .tiles-container .tiles_view .card:hover .card-image .card-img-overlay .card-content .card-title {
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
body.wcprop-2 .tiles-container .tiles_view .card:hover .card-image .card-img-overlay .card-content .card-text {
  opacity: 1;
  visibility: visible;
  transition: 0.4s opacity ease-in 0.2s, 0.4s visibility ease-in 0.2s;
  position: relative;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .tiles-container .tiles_view .card:hover .card-image .card-img-overlay .card-content .card-text {
    transition: none;
  }
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 80%;
  width: 100%;
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay {
  display: flex;
  background: var(--wc-overlay-bg);
  color: var(--bg-text-color);
  top: initial;
  height: 72px;
  transition: 0.5s all ease-in-out;
  will-change: height;
  text-align: left;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay {
    padding: 0.726942299vw;
    height: 3.2712403453vw;
  }
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-title {
  z-index: 1;
  color: var(--bg-text-color);
  margin-bottom: 0;
  position: relative;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.5s all ease-out;
  will-change: transform, top;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-title {
    transition: none;
  }
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-text {
  width: 100%;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  visibility: hidden;
  padding-top: 1rem;
  opacity: 0;
  transition: 0.2s all ease-out;
  will-change: opacity, visibility;
  position: absolute;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--bg-text-color);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-text {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-text {
    padding-top: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-text p {
  color: var(--bg-text-color);
}
body.wcprop-2 .tiles-container .tiles_view .card .card-image .card-img-overlay .card-content .card-link {
  display: none;
}
body.wcprop-2 .three-column-layout-container {
  position: relative;
}
body.wcprop-2 .three-column-layout-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .three-column-layout-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .three-column-layout-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .three-column-layout-container .card .card-body .card-text img {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .three-column-layout-container .card .card-body .card-text img {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .three-column-layout-container .card .card-body .col-md-4 {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .three-column-layout-container .card .card-body .col-md-4:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .wcl-col-3 .three-column-layout-container .card .card-body .col-md-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0rem !important;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .three-column-layout-container .card .card-body .col-md-4 {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-3 .three-column-layout-container .card .card-body .col-md-4:last-child {
  margin-bottom: 0rem;
}
body.wcprop-2 .two-column-layout-container {
  position: relative;
}
body.wcprop-2 .two-column-layout-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
body.wcprop-2 .two-column-layout-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .two-column-layout-container .card .card-body .card-text img {
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .two-column-layout-container .card .card-body .col-md-6 {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .two-column-layout-container .card .card-body .col-md-6:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .wcl-col-3 .two-column-layout-container .card .card-body .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0rem !important;
  margin-bottom: 1.5rem;
}
body.wcprop-2 .wcl-col-3 .two-column-layout-container .card .card-body .col-md-6:last-child {
  margin-bottom: 0rem;
}
body.wcprop-2 .single-column-layout-container {
  position: relative;
}
body.wcprop-2 .single-column-layout-container .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .single-column-layout-container .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .single-column-layout-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .single-column-layout-container .card .card-body .card-text img {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .single-column-layout-container .card .card-body .card-text img {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .basic-webcontent {
  position: relative;
}
body.wcprop-2 .basic-webcontent .card {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .basic-webcontent .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .basic-webcontent .card {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .basic-webcontent .card {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .basic-webcontent .card {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .basic-webcontent .card .card-body {
  padding: 0;
}
body.wcprop-2 .basic-webcontent .card .card-body .card-text img {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .basic-webcontent .card .card-body .card-text img {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .card-view {
  position: relative;
}
body.wcprop-2 .card-view .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .card-view .card:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .card-view .card.no-img .card-header .card-img-overlay {
  position: initial;
  background: transparent;
  justify-content: flex-start;
  margin: 0;
  width: 100%;
}
body.wcprop-2 .card-view .card.no-img .card-header .card-img-overlay .card-title {
  color: var(--wc-font-color);
}
body.wcprop-2 .card-view .card.no-img .card-body {
  padding-top: 0;
}
body.wcprop-2 .card-view .card .card-header {
  position: relative;
  background: transparent;
  padding: 0;
}
body.wcprop-2 .card-view .card .card-header .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 50%;
  margin-bottom: 3rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view .card .card-header .card-image {
    margin-bottom: 2.1808268969vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .card-view .card .card-header .card-image {
    margin-bottom: 2rem;
  }
}
body.wcprop-2 .card-view .card .card-header .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .card-view .card .card-header .card-img-overlay {
  padding: 1rem 0;
  top: 94.5%;
  bottom: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  margin: 0 auto;
  background: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view .card .card-header .card-img-overlay {
    top: 97%;
    padding: 0.726942299vw 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .card-view .card .card-header .card-img-overlay {
    top: 89.5%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .card-view .card .card-header .card-img-overlay {
    width: 90%;
    top: 82.5%;
  }
}
body.wcprop-2 .card-view .card .card-header .card-img-overlay .card-title {
  margin-top: 0px;
  margin-bottom: 0;
  padding: 0 1rem;
  color: var(--bg-text-color);
  z-index: 2;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  width: 98%;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .card-view .card .card-header .card-img-overlay .card-title {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .card-view .card .card-body .card-text {
  padding: 0;
  color: var(--wc-font-color);
  z-index: 2;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .card-view .card {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-3 .card-view .card .card-header .card-image {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .card-view .card .card-header .card-image {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-3 .card-view .card .card-header .card-img-overlay {
  width: 90%;
  top: 83.5%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .card-view .card .card-header .card-img-overlay {
    top: 89.5%;
  }
}
body.wcprop-2 .wcl-col-3 .card-view .card .card-header .card-img-overlay .card-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  width: 98%;
  text-align: center;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .card-view .card .card-header .card-image {
    margin-bottom: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .card-view .card .card-header .card-img-overlay {
    width: 90%;
    top: 80.5%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-6 .card-view .card .card-header .card-img-overlay {
    top: 89.5%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-6 .card-view .card .card-header .card-img-overlay {
    top: 86.5%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .card-view .card .card-header .card-img-overlay .card-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    width: 98%;
    text-align: center;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .card-view .card .card-header .card-image {
    margin-bottom: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .card-view .card .card-header .card-img-overlay {
    width: 90%;
    top: 80.5%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .card-view .card .card-header .card-img-overlay {
    top: 89.5%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .card-view .card .card-header .card-img-overlay {
    top: 86.5%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .card-view .card .card-header .card-img-overlay .card-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    width: 98%;
    text-align: center;
  }
}
body.wcprop-2 .tabs-container .nav-tabs .nav-item::before {
  display: none;
}
body.wcprop-2 .tabs-container .nav-tabs .nav-item .nav-link {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  background: var(--wc-body-bg);
  padding: 0.8rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tabs-container .nav-tabs .nav-item .nav-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .tabs-container .nav-tabs .nav-item .nav-link.active {
  border-color: transparent;
  background-color: var(--primary-color);
  color: var(--bg-text-color);
}
body.wcprop-2 .tabs-container .nav-tabs .nav-item .nav-link:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .tabs-container .tab-content .tab-pane {
  padding: 1px 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tabs-container .tab-content .tab-pane {
    padding: 0.0454338937vw 0 0;
  }
}
body.wcprop-2 .tabs-container .tab-content .tab-pane .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  width: 100%;
  margin-bottom: 0;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .tabs-container .tab-content .tab-pane .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .tabs-container .tab-content .tab-pane .card .card-body .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 30%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .tabs-container .tab-content .tab-pane .card .card-body .card-image {
    padding-bottom: 40%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .tabs-container .tab-content .tab-pane .card .card-body .card-image {
    padding-bottom: 65%;
  }
}
body.wcprop-2 .tabs-container .tab-content .tab-pane .card .card-body .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  border-radius: var(--borderRadius);
}
@media (max-width: 767.98px) {
  body.wcprop-2 .tabs-container .tab-content .tab-pane .card .card-body .card-image .card-img {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .tabs-container .tab-content .tab-pane .card .card-body .card-content .card-text {
  padding: 0;
  color: var(--wc-font-color);
  z-index: 2;
  position: relative;
}
body.wcprop-2 .tabs-container .tab-content .tab-pane.active {
  -o-animation: slide-down 1s ease-out;
  -webkit-animation: slide-down 1s ease-out;
  animation: slide-down 1s ease-out;
}
@keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.wcprop-2 .masonry-with-filters-container .nav-pills {
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .masonry-with-filters-container .nav-pills {
    margin-bottom: 1.0904134484vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .masonry-with-filters-container .nav-pills {
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .masonry-with-filters-container .nav-pills .nav-item.nav-link {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  background: transparent;
  padding: 0.8rem;
  border-radius: var(--BtnborderRadius);
  border: 1px solid var(--primary-color);
  margin-right: 5px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .masonry-with-filters-container .nav-pills .nav-item.nav-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-right: 0.2271694684vw;
    padding: 0.5815538392vw;
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .masonry-with-filters-container .nav-pills .nav-item.nav-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .masonry-with-filters-container .nav-pills .nav-item.nav-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .masonry-with-filters-container .nav-pills .nav-item.nav-link {
    margin-bottom: 1rem;
    padding: 0.4rem 0.8rem;
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
body.wcprop-2 .masonry-with-filters-container .nav-pills .nav-item.nav-link.active {
  border-color: transparent;
  background-color: var(--primary-color);
  color: var(--bg-text-color);
}
body.wcprop-2 .masonry-with-filters-container .nav-pills .nav-item.nav-link:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters {
  display: flex;
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  max-width: calc(25% - 0.8rem);
  flex: 0 0 calc(25% - 0.8rem);
  overflow: hidden;
  width: 100%;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.5815538392vw;
    margin-right: 0.5815538392vw;
    max-width: calc(25% - 0.5815538392vw);
    flex: 0 0 calc(25% - 0.5815538392vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card {
    max-width: calc(33.333% - 0.8rem);
    flex: 0 0 calc(33.333% - 0.8rem);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card {
    max-width: calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card {
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0;
  }
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body {
  padding: 0;
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-link:hover, body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-link:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-link:hover .card-img-overlay {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 72.5%;
  overflow: hidden;
  z-index: 1;
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  border-radius: var(--borderRadius);
}
@media (max-width: 767.98px) {
  body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-image .card-img {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-img-overlay {
  top: initial;
  z-index: 2;
  background: var(--wc-overlay-bg);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  transition: 0.3s transform ease-out;
  will-change: transform;
  padding: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-img-overlay {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-img-overlay {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-img-overlay .card-title {
  color: var(--bg-text-color);
  margin-bottom: 0;
}
body.wcprop-2 .masonry-with-filters-container .masonry-with-filters .card .card-body .card-text {
  padding: 0;
  color: var(--wc-font-color);
  z-index: 2;
  position: relative;
}
body.wcprop-2 .wcl-col-6 .masonry-with-filters-container .masonry-with-filters .card {
  max-width: calc(33.333% - 0.8rem);
  flex: 0 0 calc(33.333% - 0.8rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-6 .masonry-with-filters-container .masonry-with-filters .card {
    max-width: calc(33.333% - 0.5815538392vw);
    flex: 0 0 calc(33.333% - 0.5815538392vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .masonry-with-filters-container .masonry-with-filters .card {
    max-width: calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-6 .masonry-with-filters-container .masonry-with-filters .card {
    max-width: calc(50% - 0.8rem);
    flex: 0 0 calc(50% - 0.8rem);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-6 .masonry-with-filters-container .masonry-with-filters .card {
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0;
  }
}
body.wcprop-2 .wcl-col-3 .masonry-with-filters-container .masonry-with-filters .card {
  max-width: 100%;
  flex: 0 0 100%;
  margin-right: 0;
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs {
  display: flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs {
    flex-direction: column;
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container {
  flex: 0 0 25%;
  max-width: 25%;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  background: transparent;
  padding: 0.8rem;
  border-radius: 0;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.625vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link:first-child.active {
  border-radius: var(--borderRadius) 0 0 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link:first-child.active {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link:last-child {
  border-bottom: none;
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link:hover, body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link.active {
  background: var(--wc-body-bg);
  color: var(--wc-font-color);
  border-radius: 0;
  border-bottom-color: transparent;
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .nav-container .nav-pills .nav-link:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content {
  flex: 0 0 75%;
  max-width: 75%;
  border: none;
  background: var(--wc-body-bg);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content {
    flex: 0 0 66.667%;
    max-width: 66.667%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane {
  padding: 1px 0 0;
  display: block;
  position: absolute;
  opacity: 0;
  transition: 1s opacity ease;
  will-change: opacity;
  overflow: hidden;
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane {
    transition: none;
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card {
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  width: 100%;
  margin-bottom: 0;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body {
  padding-left: 1.5rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body {
    padding: 1rem;
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .card-text {
  padding: 0;
  z-index: 2;
  position: relative;
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline:hover, body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline:focus {
  text-decoration: none;
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline:not([disabled]):not(.disabled):active, body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane .card .card-body .card-content .btn-wc-primary.btn-wc-outline:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .vertical-tabs-container .vertical-tabs .tab-content .tab-pane.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
body.wcprop-2 .two-column-accordion-container .row {
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .two-column-accordion-container .row {
    margin-bottom: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .two-column-accordion-container .row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .two-column-accordion-container .row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .two-column-accordion-container .row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .two-column-accordion-container .card {
  margin-bottom: 1px;
  border-radius: var(--borderRadius);
  box-shadow: none;
}
body.wcprop-2 .two-column-accordion-container .card .card-body {
  padding: 0;
}
body.wcprop-2 .two-column-accordion-container .card .card-body .btn:not(:disabled):not(.disabled), body.wcprop-2 .two-column-accordion-container .card .card-body .btn-wc-primary:not(:disabled):not(.disabled) {
  color: var(--white-color);
}
body.wcprop-2 .two-column-accordion-container .card .card-body:last-child {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .two-column-accordion-container .card .card-body.card-body-accordion {
  background: var(--wc-body-bg);
  display: none;
  padding: 1rem;
  margin-top: 1rem;
}
body.wcprop-2 .wcl-col-3 .two-column-accordion-container .row {
  margin-bottom: 0;
}
body.wcprop-2 .wcl-col-3 .two-column-accordion-container .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 !important;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .two-column-accordion-container .col-md-6 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .action-bar .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  border-radius: var(--borderRadius);
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .action-bar .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .action-bar .card .card-body {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .action-bar .card .card-body {
    padding-bottom: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .action-bar .card .card-body {
    flex-direction: column;
    align-items: stretch;
  }
}
body.wcprop-2 .action-bar .card .card-body .card-title {
  flex: 0 0 auto;
  margin-bottom: 0;
  padding: 0;
  color: var(--wc-font-color);
  z-index: 2;
  position: relative;
  padding-right: 1rem;
  margin-top: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .action-bar .card .card-body .card-title {
    padding-right: 0.726942299vw;
    margin-top: -0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .action-bar .card .card-body .card-title {
    margin-top: 0rem;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .action-bar .card .card-body .card-content {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .action-bar .card .card-body .card-content {
    flex-direction: column;
  }
}
body.wcprop-2 .action-bar .card .card-body .card-content a.btn-wc-primary {
  display: flex;
  align-items: center;
  margin: 0 0.5rem 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .action-bar .card .card-body .card-content a.btn-wc-primary {
    margin: 0 0.42vw 0.42vw 0;
  }
}
body.wcprop-2 .action-bar .card .card-body .card-content .card-image {
  width: 16px;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .action-bar .card .card-body .card-content .card-image {
    width: 0.726942299vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .action-bar .card .card-body .card-content .card-image .card-img {
  width: 100%;
}
body.wcprop-2 .action-bar .card .card-body .card-content .visible-desktop {
  display: none;
}
@media (min-width: 1200px) {
  body.wcprop-2 .action-bar .card .card-body .card-content .visible-desktop {
    display: block;
  }
}
body.wcprop-2 .action-bar .card .card-body .card-content .hidden-desktop {
  display: block;
}
@media (min-width: 1200px) {
  body.wcprop-2 .action-bar .card .card-body .card-content .hidden-desktop {
    display: none;
  }
}
body.wcprop-2 .wcl-col-3 .action-bar .card .card-body {
  flex-direction: column;
  align-items: stretch;
}
body.wcprop-2 .wcl-col-3 .action-bar .card .card-body .card-title {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .action-bar .card .card-body .card-title {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-3 .action-bar .card .card-body .card-content {
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .action-bar .card .card-body,
  body.wcprop-2 .wcl-col-9 .action-bar .card .card-body {
    flex-direction: column;
    align-items: stretch;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .action-bar .card .card-body .card-title,
  body.wcprop-2 .wcl-col-9 .action-bar .card .card-body .card-title {
    margin-top: 0rem;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .magazine-grid-container {
  position: relative;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-row {
  margin-bottom: 1.5rem;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-row:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-row {
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-row {
    margin-bottom: 1.5rem;
  }
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card {
  display: flex;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-card {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-card:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card-link {
  width: 100%;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card-link:hover, body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card-link:focus {
  text-decoration: none;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
  border-radius: var(--borderRadius);
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-image {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 90%;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-image .card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: center;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body {
  text-align: center;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body .card-text {
  pointer-events: none;
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body .card-text label {
  display: block;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body .card-text label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body .card-text label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body .card-text label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body .card-text label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .magazine-grid-container .rotatory-thumb-card .card .card-body .card-text label:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .wcl-col-3 .magazine-grid-container .rotatory-thumb-row {
  margin-bottom: 0rem;
}
body.wcprop-2 .wcl-col-3 .magazine-grid-container .rotatory-thumb-row .col-lg-3 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .magazine-grid-container .rotatory-thumb-row .col-lg-3 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 .wcl-col-6 .magazine-grid-container .rotatory-thumb-row {
  margin-bottom: 0rem;
}
@media only screen and (min-width: 992px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-6 .magazine-grid-container .rotatory-thumb-row .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1.5rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .magazine-grid-container .rotatory-thumb-row .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem !important;
  }
}
body.wcprop-2 .bio-listing {
  position: relative;
}
body.wcprop-2 .bio-listing .bio-blocks {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .bio-listing .bio-blocks .card {
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
  line-height: calc(var(--wc-font-size) + 8px);
  font-family: var(--wc-font-family);
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  border-radius: var(--borderRadius);
  width: calc(50% - 1rem);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: max-content;
}
body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(n+3) {
  margin-top: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(n+3) {
    margin-top: 1.0904134484vw;
  }
}
@media only screen and (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(n+2) {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(n+2) {
    margin-top: 1.5rem;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    width: calc(50% - 0.726942299vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
    width: 100%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
    width: 100%;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(odd) {
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(odd) {
    margin-right: 0.726942299vw;
  }
}
@media only screen and (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(odd) {
    margin-right: 0rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(odd) {
    margin-right: 0rem;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(even) {
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(even) {
    margin-left: 0.726942299vw;
  }
}
@media only screen and (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(even) {
    margin-left: 0rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card:nth-child(even) {
    margin-left: 0rem;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-image {
  position: relative;
  height: 0;
  width: 33.333%;
  padding-bottom: 35%;
  position: relative;
}
@media only screen and (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-image {
    width: 100%;
    padding-bottom: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-image {
    width: 100%;
    padding-bottom: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-image {
    padding-bottom: 42%;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body {
  width: 66.667%;
  padding-right: 2.2rem;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-body {
    padding-right: 1.5992730577vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-title {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .title,
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .email,
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .phone {
  display: block;
  color: var(--wc-font-color);
  position: relative;
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .title {
  font-weight: 600;
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .email {
  padding-bottom: 0.3rem;
  padding-left: 25px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .email {
    padding-left: 1.1358473421vw;
    padding-bottom: 0.2180826897vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .email:hover, body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .email:focus {
  text-decoration: none;
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .email::before {
  content: var(--email-icon);
  font-family: var(--fontawesome-family);
  font-weight: 500;
  color: var(--wc-font-color);
  padding-right: 0.5rem;
  position: absolute;
  left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .email::before {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .phone {
  padding-left: 25px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .phone {
    padding-left: 1.1358473421vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .phone:hover, body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .phone:focus {
  text-decoration: none;
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .phone::before {
  content: var(--phone-icon);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--wc-font-color);
  padding-right: 0.5rem;
  position: absolute;
  left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-body .card-text .phone::before {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .content-dd {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .content-dd {
    right: 0.5815538392vw;
    top: 0.5815538392vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .content-dd .content-dd-icon {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .content-dd .content-dd-icon {
    padding-left: 0.5rem;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .content-dd .content-dd-icon::before {
  content: var(--arrow-icon-down);
  font-family: var(--fontawesome-family);
  color: var(--wc-font-color);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .content-dd .content-dd-icon::before {
    font-size: calc((var(--wc-font-size) + 6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .content-dd .content-dd-icon::before {
    font-size: calc((var(--wc-font-size) + 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .content-dd .content-dd-icon::before {
    font-size: calc((var(--wc-font-size) + 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .content-dd .content-dd-icon::before {
    font-size: calc((var(--wc-font-size) + 2) * 1px);
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .content-dd.open .content-dd-icon::before {
  content: var(--arrow-icon-up);
}
body.wcprop-2 .bio-listing .bio-blocks .card .content-dd:hover, body.wcprop-2 .bio-listing .bio-blocks .card .content-dd:focus {
  text-decoration: none;
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-content {
  padding: 1rem;
  border-top: 1px solid var(--wc-border-color);
  margin-top: 1rem;
  display: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .bio-listing .bio-blocks .card .card-content {
    padding: 0.726942299vw;
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .bio-listing .bio-blocks .card .card-content.open-dd {
  display: block;
  visibility: visible;
  opacity: 1;
}
body.wcprop-2 .wcl-col-3 .bio-listing {
  position: relative;
}
body.wcprop-2 .wcl-col-3 .bio-listing .bio-blocks {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .wcl-col-3 .bio-listing .bio-blocks .card {
  width: 100%;
}
body.wcprop-2 .wcl-col-3 .bio-listing .bio-blocks .card:nth-child(n+2) {
  margin-top: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .bio-listing .bio-blocks .card:nth-child(n+2) {
    margin-top: 1.0904134484vw;
  }
}
body.wcprop-2 .wcl-col-3 .bio-listing .bio-blocks .card:nth-child(odd) {
  margin-right: 0;
}
body.wcprop-2 .wcl-col-3 .bio-listing .bio-blocks .card:nth-child(even) {
  margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1599.98px) {
  body.wcprop-2 .wcl-col-3 .bio-listing .bio-blocks .card .card-image {
    width: 100%;
    padding-bottom: 100%;
    padding-bottom: 100%;
  }
}
body.wcprop-2 .wcl-col-6 .bio-listing {
  position: relative;
}
body.wcprop-2 .wcl-col-6 .bio-listing .bio-blocks {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .bio-listing .bio-blocks .card {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .bio-listing .bio-blocks .card:nth-child(odd) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-6 .bio-listing .bio-blocks .card:nth-child(even) {
    margin-left: 0;
  }
}
body.wcprop-2 .wcl-col-6 .bio-listing .bio-blocks .card .card-image {
  width: 100%;
  padding-bottom: 100%;
  padding-bottom: 100%;
}
body.wcprop-2 .horizontal-date-picker {
  width: 100%;
  margin: 15px 0px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker {
    margin: 0.6815084053vw 0vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .horizontal-date-picker {
    flex-wrap: wrap;
  }
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates {
  list-style: none;
  padding: 0;
  text-align: center;
  width: calc(100% - 40px);
  order: 2;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates {
    width: calc(100% - 1.8173557474vw);
  }
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates::-webkit-scrollbar {
  display: none;
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates div {
  text-align: center;
  padding: 0;
  background-color: var(--wc-body-bg);
  width: calc(14.2857142857% - 8px);
  margin: 0 4px;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div {
    width: calc(14.2857142857% - 2px);
    margin: 0 2px;
  }
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link {
  text-decoration: none;
  color: var(--wc-font-color);
  text-shadow: none;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  display: block;
  margin: 0;
  transition: 0.3s all ease;
  border-radius: var(--borderRadius);
  text-decoration: none;
  border: 1px solid var(--wc-border-color);
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0 0;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link.ui-widget:not(.pi) {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link.ui-widget:not(.pi) {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link.ui-widget:not(.pi) {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link.ui-widget:not(.pi) {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link .calendar-year {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.25rem 0;
  pointer-events: none;
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link:hover, body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link.selected-date {
  background-color: var(--primary-color);
  color: var(--btn-text-color);
  border-color: var(--primary-color);
}
body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link:hover .calendar-year, body.wcprop-2 .horizontal-date-picker .horizontal-dates div .ui-link.selected-date .calendar-year {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--btn-text-color);
}
body.wcprop-2 .horizontal-date-picker .backward-controls {
  order: 1;
}
body.wcprop-2 .horizontal-date-picker .forward-controls {
  order: 3;
}
body.wcprop-2 .horizontal-date-picker .backward-controls,
body.wcprop-2 .horizontal-date-picker .forward-controls {
  display: inline-flex;
  max-width: 20px;
  flex-direction: column;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker .backward-controls,
  body.wcprop-2 .horizontal-date-picker .forward-controls {
    max-width: 0.9086778737vw;
  }
}
body.wcprop-2 .horizontal-date-picker .backward-controls a,
body.wcprop-2 .horizontal-date-picker .backward-controls span,
body.wcprop-2 .horizontal-date-picker .forward-controls a,
body.wcprop-2 .horizontal-date-picker .forward-controls span {
  text-align: center;
}
body.wcprop-2 .horizontal-date-picker .backward-controls a.ui-widget:not(.pi),
body.wcprop-2 .horizontal-date-picker .backward-controls span.ui-widget:not(.pi),
body.wcprop-2 .horizontal-date-picker .forward-controls a.ui-widget:not(.pi),
body.wcprop-2 .horizontal-date-picker .forward-controls span.ui-widget:not(.pi) {
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker .backward-controls a.ui-widget:not(.pi),
  body.wcprop-2 .horizontal-date-picker .backward-controls span.ui-widget:not(.pi),
  body.wcprop-2 .horizontal-date-picker .forward-controls a.ui-widget:not(.pi),
  body.wcprop-2 .horizontal-date-picker .forward-controls span.ui-widget:not(.pi) {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .horizontal-date-picker .backward-controls a.ui-widget:not(.pi) i,
body.wcprop-2 .horizontal-date-picker .backward-controls span.ui-widget:not(.pi) i,
body.wcprop-2 .horizontal-date-picker .forward-controls a.ui-widget:not(.pi) i,
body.wcprop-2 .horizontal-date-picker .forward-controls span.ui-widget:not(.pi) i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker .backward-controls a.ui-widget:not(.pi) i,
  body.wcprop-2 .horizontal-date-picker .backward-controls span.ui-widget:not(.pi) i,
  body.wcprop-2 .horizontal-date-picker .forward-controls a.ui-widget:not(.pi) i,
  body.wcprop-2 .horizontal-date-picker .forward-controls span.ui-widget:not(.pi) i {
    margin-right: 0;
  }
}
body.wcprop-2 .horizontal-date-picker .backward-controls a:focus,
body.wcprop-2 .horizontal-date-picker .backward-controls span:focus,
body.wcprop-2 .horizontal-date-picker .forward-controls a:focus,
body.wcprop-2 .horizontal-date-picker .forward-controls span:focus {
  outline: none;
}
body.wcprop-2 .horizontal-date-picker .backward-controls span,
body.wcprop-2 .horizontal-date-picker .forward-controls span {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .horizontal-date-picker .backward-controls span,
  body.wcprop-2 .horizontal-date-picker .forward-controls span {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .datepicker-popover.popover [class*=yui3-u] {
  font-family: var(--wc-font-family);
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header {
  padding-bottom: 0;
  height: 35px;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header {
    height: 1.590186279vw;
  }
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendar-header-label {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendar-header-label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendarnav-prevmonth,
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendarnav-nextmonth {
  border-width: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendarnav-prevmonth,
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendarnav-nextmonth {
    border-width: 0.2271694684vw;
  }
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendarnav-prevmonth {
  margin-left: 0;
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-header .yui3-calendarnav-nextmonth {
  margin-right: 0;
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--wc-font-family);
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  padding: 0.5rem;
  border: 1px solid var(--wc-border-color);
  line-height: normal;
  box-sizing: inherit;
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th .ui-column-title {
  font-weight: normal;
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tr td {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  box-shadow: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tr td {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th {
  padding: 0.5rem 0.2rem;
  text-align: center;
  font-size: calc((var(--wc-font-size) - 3) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid th {
    padding: 0.3634711495vw 0.1453884598vw;
    font-size: calc((var(--wc-font-size) - 3) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tbody tr:nth-child(odd) {
  background: var(--wc-body-bg);
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tbody tr td {
  padding: 8px;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 3) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tbody tr td {
    font-size: calc((var(--wc-font-size) - 3) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tbody tr td {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tbody tr td span {
  word-break: break-all;
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tbody tr td .ui-selectbooleancheckbox:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid tbody tr .ui-selectbooleancheckbox:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid .yui3-calendar-day-selected {
  background: var(--primary-color);
  color: var(--bg-text-color);
}
body.wcprop-2 .datepicker-popover.popover .popover-content .yui3-calendar .yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid .yui3-calendar-day:hover {
  background: var(--primary-color);
  color: var(--bg-text-color);
}
body.wcprop-2 #ui-datepicker-div {
  border: none;
  box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.2);
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #ui-datepicker-div {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  padding: 0;
}
body.wcprop-2 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
body.wcprop-2 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  height: 30px;
  border: 1px solid var(--wc-border-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border-radius: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
  body.wcprop-2 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    height: 1.3630168105vw;
    border-radius: 0.1363016811vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  left: 0;
}
body.wcprop-2 #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #ui-datepicker-div .ui-datepicker-calendar {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #ui-datepicker-div .ui-datepicker-calendar th {
    padding: 0.2079054975vw;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #ui-datepicker-div .ui-datepicker-calendar td a {
    padding: 0.2079054975vw;
    border-radius: 0.1363016811vw;
  }
}
body.wcprop-2 #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a {
  background-color: var(--secondary-color);
  color: var(--bg-text-color);
}
body.wcprop-2 #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active {
  background: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .pl-vw-1,
  body.wcprop-2 .px-vw-1 {
    padding-left: 0.181vw !important;
  }
  body.wcprop-2 .pl-vw-2,
  body.wcprop-2 .px-vw-2 {
    padding-left: 0.363vw !important;
  }
  body.wcprop-2 .pl-vw-3,
  body.wcprop-2 .px-vw-3 {
    padding-left: 0.726vw !important;
  }
  body.wcprop-2 .pl-vw-4,
  body.wcprop-2 .px-vw-4 {
    padding-left: 1.09vw !important;
  }
  body.wcprop-2 .pl-vw-5,
  body.wcprop-2 .px-vw-5 {
    padding-left: 2.18vw !important;
  }
  body.wcprop-2 .pr-vw-1,
  body.wcprop-2 .px-vw-1 {
    padding-right: 0.181vw !important;
  }
  body.wcprop-2 .pr-vw-2,
  body.wcprop-2 .px-vw-2 {
    padding-right: 0.363vw !important;
  }
  body.wcprop-2 .pr-vw-3,
  body.wcprop-2 .px-vw-3 {
    padding-right: 0.726vw !important;
  }
  body.wcprop-2 .pr-vw-4,
  body.wcprop-2 .px-vw-4 {
    padding-right: 1.09vw !important;
  }
  body.wcprop-2 .pr-vw-5,
  body.wcprop-2 .px-vw-5 {
    padding-right: 32.18vw !important;
  }
  body.wcprop-2 .col-xl,
  body.wcprop-2 .col-xl-auto,
  body.wcprop-2 .col-xl-12,
  body.wcprop-2 .col-xl-11,
  body.wcprop-2 .col-xl-10,
  body.wcprop-2 .col-xl-9,
  body.wcprop-2 .col-xl-8,
  body.wcprop-2 .col-xl-7,
  body.wcprop-2 .col-xl-6,
  body.wcprop-2 .col-xl-5,
  body.wcprop-2 .col-xl-4,
  body.wcprop-2 .col-xl-3,
  body.wcprop-2 .col-xl-2,
  body.wcprop-2 .col-xl-1,
  body.wcprop-2 .col-lg,
  body.wcprop-2 .col-lg-auto,
  body.wcprop-2 .col-lg-12,
  body.wcprop-2 .col-lg-11,
  body.wcprop-2 .col-lg-10,
  body.wcprop-2 .col-lg-9,
  body.wcprop-2 .col-lg-8,
  body.wcprop-2 .col-lg-7,
  body.wcprop-2 .col-lg-6,
  body.wcprop-2 .col-lg-5,
  body.wcprop-2 .col-lg-4,
  body.wcprop-2 .col-lg-3,
  body.wcprop-2 .col-lg-2,
  body.wcprop-2 .col-lg-1,
  body.wcprop-2 .col-md,
  body.wcprop-2 .col-md-auto,
  body.wcprop-2 .col-md-12,
  body.wcprop-2 .col-md-11,
  body.wcprop-2 .col-md-10,
  body.wcprop-2 .col-md-9,
  body.wcprop-2 .col-md-8,
  body.wcprop-2 .col-md-7,
  body.wcprop-2 .col-md-6,
  body.wcprop-2 .col-md-5,
  body.wcprop-2 .col-md-4,
  body.wcprop-2 .col-md-3,
  body.wcprop-2 .col-md-2,
  body.wcprop-2 .col-md-1,
  body.wcprop-2 .col-sm,
  body.wcprop-2 .col-sm-auto,
  body.wcprop-2 .col-sm-12,
  body.wcprop-2 .col-sm-11,
  body.wcprop-2 .col-sm-10,
  body.wcprop-2 .col-sm-9,
  body.wcprop-2 .col-sm-8,
  body.wcprop-2 .col-sm-7,
  body.wcprop-2 .col-sm-6,
  body.wcprop-2 .col-sm-5,
  body.wcprop-2 .col-sm-4,
  body.wcprop-2 .col-sm-3,
  body.wcprop-2 .col-sm-2,
  body.wcprop-2 .col-sm-1,
  body.wcprop-2 .col,
  body.wcprop-2 .col-auto,
  body.wcprop-2 .col-12,
  body.wcprop-2 .col-xs-12,
  body.wcprop-2 .col-11,
  body.wcprop-2 .col-xs-11,
  body.wcprop-2 .col-10,
  body.wcprop-2 .col-xs-10,
  body.wcprop-2 .col-9,
  body.wcprop-2 .col-xs-9,
  body.wcprop-2 .col-8,
  body.wcprop-2 .col-xs-8,
  body.wcprop-2 .col-7,
  body.wcprop-2 .col-xs-7,
  body.wcprop-2 .col-6,
  body.wcprop-2 .col-xs-6,
  body.wcprop-2 .col-5,
  body.wcprop-2 .col-xs-5,
  body.wcprop-2 .col-4,
  body.wcprop-2 .col-xs-4,
  body.wcprop-2 .col-3,
  body.wcprop-2 .col-xs-3,
  body.wcprop-2 .col-2,
  body.wcprop-2 .col-xs-2,
  body.wcprop-2 .col-1,
  body.wcprop-2 .col-xs-1 {
    padding-right: 0.545vw;
    padding-left: 0.545vw;
  }
  body.wcprop-2 .row {
    margin-right: -0.545vw;
    margin-left: -0.545vw;
  }
  body.wcprop-2 .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  body.wcprop-2 .pl-1,
  body.wcprop-2 .px-1,
  body.wcprop-2 .pl-sm-1,
  body.wcprop-2 .px-sm-1,
  body.wcprop-2 .pl-md-1,
  body.wcprop-2 .px-md-1,
  body.wcprop-2 .pl-lg-1,
  body.wcprop-2 .px-lg-1,
  body.wcprop-2 .pl-xl-1,
  body.wcprop-2 .px-xl-1 {
    padding-left: 0.1817355747vw !important;
  }
  body.wcprop-2 .pr-1,
  body.wcprop-2 .px-1,
  body.wcprop-2 .pr-sm-1,
  body.wcprop-2 .px-sm-1,
  body.wcprop-2 .pr-md-1,
  body.wcprop-2 .px-md-1,
  body.wcprop-2 .pr-lg-1,
  body.wcprop-2 .px-lg-1,
  body.wcprop-2 .pr-xl-1,
  body.wcprop-2 .px-xl-1 {
    padding-right: 0.1817355747vw !important;
  }
  body.wcprop-2 .pl-2,
  body.wcprop-2 .px-2,
  body.wcprop-2 .pl-sm-2,
  body.wcprop-2 .px-sm-2,
  body.wcprop-2 .pl-md-2,
  body.wcprop-2 .px-md-2,
  body.wcprop-2 .pl-lg-2,
  body.wcprop-2 .px-lg-2,
  body.wcprop-2 .pl-xl-2,
  body.wcprop-2 .px-xl-2 {
    padding-left: 0.3634711495vw !important;
  }
  body.wcprop-2 .pr-2,
  body.wcprop-2 .px-2,
  body.wcprop-2 .pr-sm-2,
  body.wcprop-2 .px-sm-2,
  body.wcprop-2 .pr-md-2,
  body.wcprop-2 .px-md-2,
  body.wcprop-2 .pr-lg-2,
  body.wcprop-2 .px-lg-2,
  body.wcprop-2 .pr-xl-2,
  body.wcprop-2 .px-xl-2 {
    padding-right: 0.3634711495vw !important;
  }
  body.wcprop-2 .pl-3,
  body.wcprop-2 .px-3,
  body.wcprop-2 .pl-sm-3,
  body.wcprop-2 .px-sm-3,
  body.wcprop-2 .pl-md-3,
  body.wcprop-2 .px-md-3,
  body.wcprop-2 .pl-lg-3,
  body.wcprop-2 .px-lg-3,
  body.wcprop-2 .pl-xl-3,
  body.wcprop-2 .px-xl-3 {
    padding-left: 0.726942299vw !important;
  }
  body.wcprop-2 .pr-3,
  body.wcprop-2 .px-3,
  body.wcprop-2 .pr-sm-3,
  body.wcprop-2 .px-sm-3,
  body.wcprop-2 .pr-md-3,
  body.wcprop-2 .px-md-3,
  body.wcprop-2 .pr-lg-3,
  body.wcprop-2 .px-lg-3,
  body.wcprop-2 .pr-xl-3,
  body.wcprop-2 .px-xl-3 {
    padding-right: 0.726942299vw !important;
  }
  body.wcprop-2 .pl-4,
  body.wcprop-2 .px-4,
  body.wcprop-2 .pl-sm-4,
  body.wcprop-2 .px-sm-4,
  body.wcprop-2 .pl-md-4,
  body.wcprop-2 .px-md-4,
  body.wcprop-2 .pl-lg-4,
  body.wcprop-2 .px-lg-4,
  body.wcprop-2 .pl-xl-4,
  body.wcprop-2 .px-xl-4 {
    padding-left: 1.0904134484vw !important;
  }
  body.wcprop-2 .pr-4,
  body.wcprop-2 .px-4,
  body.wcprop-2 .pr-sm-4,
  body.wcprop-2 .px-sm-4,
  body.wcprop-2 .pr-md-4,
  body.wcprop-2 .px-md-4,
  body.wcprop-2 .pr-lg-4,
  body.wcprop-2 .px-lg-4,
  body.wcprop-2 .pr-xl-4,
  body.wcprop-2 .px-xl-4 {
    padding-right: 1.0904134484vw !important;
  }
  body.wcprop-2 .pl-5,
  body.wcprop-2 .px-5,
  body.wcprop-2 .pl-sm-5,
  body.wcprop-2 .px-sm-5,
  body.wcprop-2 .pl-md-5,
  body.wcprop-2 .px-md-5,
  body.wcprop-2 .pl-lg-5,
  body.wcprop-2 .px-lg-5,
  body.wcprop-2 .pl-xl-5,
  body.wcprop-2 .px-xl-5 {
    padding-left: 2.1808268969vw !important;
  }
  body.wcprop-2 .pr-5,
  body.wcprop-2 .px-5,
  body.wcprop-2 .pr-sm-5,
  body.wcprop-2 .px-sm-5,
  body.wcprop-2 .pr-md-5,
  body.wcprop-2 .px-md-5,
  body.wcprop-2 .pr-lg-5,
  body.wcprop-2 .px-lg-5,
  body.wcprop-2 .pr-xl-5,
  body.wcprop-2 .px-xl-5 {
    padding-right: 2.1808268969vw !important;
  }
}
body.wcprop-2 .ui-grid-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-grid-row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .ui-grid-row > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-grid-row > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .ui-selectcheckboxmenu-panel {
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
}
body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  padding: 8px;
  border-bottom: 1px solid var(--wc-border-color);
  background-color: var(--wc-body-bg);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
  overflow: auto;
  position: relative;
  padding: 0;
  background: transparent;
}
body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item {
  padding: 8px;
  background: var(--wc-body-bg);
  font-size: calc(var(--wc-font-size) * 1px);
  align-items: center;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item label {
  top: 0;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item .ui-chkbox {
  position: static;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-item .ui-chkbox {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  width: 100%;
}
body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item .gttr-resource-img-col img {
  max-width: 60px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item .gttr-resource-img-col img {
    max-width: 2.7260336211vw;
  }
}
body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
  background-color: var(--primary-color);
}
body.wcprop-2 .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight .gttr-resource-img-col img {
  -webkit-filter: brightness(100);
  filter: brightness(100);
}
body.wcprop-2 .ui-dialog {
  font-family: var(--wc-font-family);
  width: 60% !important;
  top: 30% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  border-radius: var(--borderRadius);
  max-height: 600px;
  overflow-y: auto;
  background-color: var(--white-color);
  position: fixed;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog {
    max-height: 27.2603362108vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog {
    width: 95% !important;
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-titlebar {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog .ui-dialog-titlebar {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon::before {
  content: var(--close-icon);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .ui-dialog .ui-dialog-content {
  padding: 0.75rem;
  border: none;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-content span.ui-confirm-dialog-severity.ui-icon {
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog .ui-dialog-content span.ui-confirm-dialog-severity {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-content span.ui-confirm-dialog-message {
  line-height: 1.4;
  width: calc(100% - 30px);
}
body.wcprop-2 .ui-dialog .ui-dialog-footer {
  border: none;
  border-top: 1px solid var(--wc-border-color);
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive {
  width: auto;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive {
    margin: 0.5rem 0;
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:hover,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:hover, body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:focus,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes:hover,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes:focus {
  text-decoration: none;
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:not([disabled]):not(.disabled):active, body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:not([disabled]):not(.disabled).active,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes:not([disabled]):not(.disabled):active,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-yes:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0 0 0 0.5rem;
  background: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:hover,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:hover, body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:focus,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no:hover,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no:focus {
  text-decoration: none;
}
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled):active, body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled).active,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled):active,
body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no,
  body.wcprop-2 .ui-dialog .ui-dialog-footer .ui-grid-row .btn-responsive .ui-confirmdialog-no {
    margin: 0;
  }
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog {
  width: 600px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog {
    width: 27.2603362108vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog {
    width: 95% !important;
  }
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer {
  text-align: unset;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button .ui-icon {
  position: relative;
  top: 0;
  left: 0;
  display: inline-flex;
  height: auto;
  width: auto;
  vertical-align: bottom;
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button .ui-button-text {
  padding: 0;
  display: inline-flex;
  line-height: normal;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.ui-state-focus {
  outline: none;
  outline-offset: 0px;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes:hover, body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes:focus {
  text-decoration: none;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes:not([disabled]):not(.disabled):active, body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-yes-btn.ui-confirmdialog-yes .pi-check::before {
  content: var(--check-icon);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0 0 0 0.5rem;
  background: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no:hover, body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no:focus {
  text-decoration: none;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no:not([disabled]):not(.disabled):active, body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button.buddy-list-no-btn.ui-confirmdialog-no .pi-times::before {
  content: var(--close-icon);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-titlebar {
  border-top: none;
  border-left: none;
  border-right: none;
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-content.ui-widget-content {
  background-color: #fff4ec;
  border: 1px solid #ff8f39;
  color: #b95000;
  margin: 1rem 0.75rem;
  font-size: calc(var(--wc-font-size) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-content.ui-widget-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
    margin: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-content.ui-widget-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-content.ui-widget-content {
    font-size: var(--wc-mobile-font-size) !important;
  }
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer {
  border: none;
  padding: 0 0.75rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer {
    padding: 0 0.5452067242vw 0.726942299vw;
  }
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes:hover, body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes:focus {
  text-decoration: none;
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes:not([disabled]):not(.disabled):active, body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-yes {
    margin: 0;
  }
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background: var(--btn-danger);
  margin: 0 0 0 0.5rem;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no:hover, body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no:focus {
  text-decoration: none;
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no:not([disabled]):not(.disabled):active, body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-confirmdialog-no {
    margin: 0 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button {
  font-size: calc(var(--wc-font-size) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
body.wcprop-2 .ui-dialog.rc-confirm-dialog .ui-dialog-buttonpane.ui-dialog-footer .ui-button .ui-button-text {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
}
body.wcprop-2 .tooltip {
  pointer-events: none;
}
body.wcprop-2 .tooltip .tooltip-inner {
  padding: 0.35rem 0.55rem;
}
body.wcprop-2 .text-bold {
  font-weight: 600;
}
body.wcprop-2 .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: normal;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
body.wcprop-2 .ui-menu {
  width: 100%;
  max-width: 170px;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  box-shadow: 0 3px 0.429em 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  padding: 0;
  background-color: var(--white-color);
  outline: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-menu {
    max-width: 7.7237619264vw;
  }
}
body.wcprop-2 .ui-menu .ui-menu-list {
  position: static;
}
body.wcprop-2 .ui-menu .ui-menu-list .ui-menuitem {
  margin: 0;
  width: 100%;
  border: 0 none;
  float: none;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-menu .ui-menu-list .ui-menuitem {
    margin: 0;
  }
}
body.wcprop-2 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
  padding: 0.5rem;
  width: 100%;
  border: 0 none;
  float: none;
  display: block;
  outline: 0;
  text-decoration: none;
  font-weight: normal;
  line-height: normal;
  cursor: pointer;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  vertical-align: middle;
  float: none;
}
body.wcprop-2 .ui-splitbuttonmenu .ui-splitbuttonmenu-list-wrapper {
  overflow: auto;
}
body.wcprop-2 .portlet-static section.portlet {
  margin-bottom: 2rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-static section.portlet {
    margin-bottom: 1.4538845979vw !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-static section.portlet {
    margin-bottom: 1.5rem !important;
  }
}
body.wcprop-2 .portlet-static:last-child section.portlet {
  margin-bottom: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-static:last-child section.portlet {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-static:last-child section.portlet {
    margin-bottom: 0 !important;
  }
}
body.wcprop-2 section.portlet {
  /*start Activities reservation panel css*/
  /*end Activities reservation panel css*/
  /* css using for member lead porlte */
}
body.wcprop-2 section.portlet h1 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h1 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 section.portlet h2 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h2 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 section.portlet h3 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h3 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 section.portlet h4 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h4 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 section.portlet h5 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h5 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 section.portlet h6 {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h6 {
    margin-bottom: 0.726vw;
  }
}
body.wcprop-2 section.portlet h1 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading1) * 1px);
  color: var(--heading-color1);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h1 {
    font-size: calc(var(--wc-fs-heading1) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 section.portlet h1 {
    font-size: calc((var(--wc-fs-heading1) - 8) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet h1 {
    font-size: calc((var(--wc-fs-heading1) - 12) * 1px);
  }
}
body.wcprop-2 section.portlet h2 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading2) * 1px);
  color: var(--heading-color2);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h2 {
    font-size: calc(var(--wc-fs-heading2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 section.portlet h2 {
    font-size: calc((var(--wc-fs-heading2) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet h2 {
    font-size: calc((var(--wc-fs-heading2) - 8) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet h2 {
    font-size: calc((var(--wc-fs-heading2) - 13) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet h2 {
    font-size: calc((var(--wc-fs-heading2) - 10) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet h2 {
    font-size: calc((var(--wc-fs-heading2) - 13) * 1px);
  }
}
body.wcprop-2 section.portlet h3 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h3 {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 section.portlet h3 {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet h3 {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet h3 {
    font-size: calc((var(--wc-fs-heading3) - 6) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet h3 {
    font-size: calc((var(--wc-fs-heading4) - 8) * 1px);
  }
}
body.wcprop-2 section.portlet h4 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading4) * 1px);
  color: var(--heading-color4);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h4 {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 section.portlet h4 {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet h4 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet h4 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet h4 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet h4 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 section.portlet h5 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h5 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 section.portlet h5 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet h5 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet h5 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet h5 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet h5 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 section.portlet h6 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--heading-color6);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet h6 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet h6 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet h6 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet h6 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 section.portlet .ui-icon-minusthick,
body.wcprop-2 section.portlet .ui-icon-plusthick {
  font-family: var(--fontawesome-family);
}
body.wcprop-2 section.portlet .ui-icon.ui-icon-minusthick::before {
  content: var(--minus-icon-1);
  font-weight: 600;
}
body.wcprop-2 section.portlet .ui-icon.ui-icon-plusthick::before {
  content: var(--plus-icon-1);
  font-weight: 600;
}
body.wcprop-2 section.portlet table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--wc-font-family);
}
body.wcprop-2 section.portlet table th {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  padding: 0.5rem;
  border: 1px solid var(--wc-border-color);
  line-height: normal;
  box-sizing: inherit;
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet table th {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet table th {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet table th {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet table th {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 section.portlet table th .ui-column-title {
  font-weight: normal;
}
body.wcprop-2 section.portlet table tr td {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  box-shadow: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet table tr td {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 section.portlet table tbody tr:nth-child(odd) {
  background: var(--wc-body-bg);
}
body.wcprop-2 section.portlet table tbody tr td {
  padding: 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  float: initial;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet table tbody tr td {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet table tbody tr td {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet table tbody tr td {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet table tbody tr td {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 768px) {
  body.wcprop-2 section.portlet table tbody tr td .ui-column-title {
    display: none;
  }
}
body.wcprop-2 section.portlet table tbody tr td .ui-selectbooleancheckbox:last-child {
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet table tbody tr td .label {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet table tbody tr td .label {
    font-size: calc(var(--wc-mobile-font-size) - 4px);
  }
}
body.wcprop-2 section.portlet table tbody tr td table thead tr th .ui-column-title {
  display: block;
}
body.wcprop-2 section.portlet table tbody tr .ui-selectbooleancheckbox:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet table tbody tr .ui-selectbooleancheckbox:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 section.portlet table tbody tr.ui-datatable-even:nth-child(odd) {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 section.portlet .table-bordered {
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 section.portlet .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 section.portlet .table-striped tbody tr:nth-of-type(odd) td,
body.wcprop-2 section.portlet .table-striped tbody tr:nth-of-type(odd) th {
  background-color: transparent;
}
body.wcprop-2 section.portlet .table-striped tbody tr .ui-selectbooleancheckbox:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .table-striped tbody tr .ui-selectbooleancheckbox:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 section.portlet .table-hover tbody tr:hover td {
  background: transparent;
}
body.wcprop-2 section.portlet .ui-datatable tr {
  background-color: transparent;
  border: 1px solid var(--wc-border-color);
  line-height: normal;
  color: var(--wc-font-color);
}
body.wcprop-2 section.portlet .ui-datatable tr.ui-datatable-even {
  background-color: transparent;
}
body.wcprop-2 section.portlet .ui-datatable tr td {
  padding: 0.5rem;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-datatable tr td {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 section.portlet .table {
  color: var(--wc-font-color);
}
body.wcprop-2 section.portlet .ui-paginator {
  background-color: var(--wc-body-bg);
  text-align: left;
  display: flex;
  padding: 1rem;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  text-shadow: none;
  align-items: center;
  justify-self: center;
  flex-wrap: wrap;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-paginator {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-paginator {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-paginator {
    font-size: var(--wc-mobile-font-size);
    text-align: center;
    display: block;
    padding: 1rem 0.5rem;
  }
}
body.wcprop-2 section.portlet .ui-paginator.ui-paginator-bottom {
  border: 1px solid var(--wc-border-color);
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-paginator.ui-paginator-bottom {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-current {
  font-family: var(--wc-font-family);
  margin: 0;
  padding: 0;
  margin-right: auto;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
  letter-spacing: 0.8px;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-current {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-current {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-current {
    font-size: var(--wc-mobile-font-size);
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-first,
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-last {
    display: none;
  }
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-pages {
  display: none;
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev,
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next {
  border-radius: 0;
  margin: 0;
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev .ui-icon,
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next .ui-icon {
  background-image: none;
  position: relative;
  background: var(--primary-color);
  border-radius: 0;
  text-indent: -20px;
  width: 50px;
  height: calc(var(--field-height) * 1px);
  overflow: hidden;
  transition: 0.2s all ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev .ui-icon,
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next .ui-icon {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev .ui-icon,
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next .ui-icon {
    text-indent: -0.9086778737vw;
    width: 2.2716946842vw;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev .ui-icon::before,
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next .ui-icon::before {
  font-family: var(--fontawesome-family);
  position: absolute;
  left: 10px;
  font-size: calc(var(--wc-font-size) * 1px);
  top: 0;
  z-index: 1;
  color: var(--primary-color-hover);
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev .ui-icon::before,
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next .ui-icon::before {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    left: 0.4543389368vw;
  }
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev .ui-icon:hover,
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next .ui-icon:hover {
  background-color: var(--primary-color-hover);
}
@media (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev {
    padding-left: 0;
  }
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-prev .ui-icon::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-next .ui-icon::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-first {
  margin: 0;
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-first .ui-icon {
  background-image: none;
  position: relative;
  text-indent: -20px;
  overflow: hidden;
  width: 50px;
  height: calc(var(--field-height) * 1px);
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.2s all ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-first .ui-icon {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-first .ui-icon {
    width: 2.2716946842vw;
    text-indent: -0.9086778737vw;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-first .ui-icon:hover:before {
  color: var(--primary-color-hover);
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-last {
  margin: 0;
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-last .ui-icon {
  background-image: none;
  position: relative;
  text-indent: -20px;
  overflow: hidden;
  width: 50px;
  height: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
  transition: 0.2s all ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-last .ui-icon {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-paginator .ui-paginator-last .ui-icon {
    width: 2.2716946842vw;
    text-indent: -0.9086778737vw;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-paginator .ui-paginator-last .ui-icon:hover:before {
  color: var(--primary-color-hover);
}
body.wcprop-2 section.portlet .wcl-col-3 .ui-paginator {
  display: block;
  text-align: center;
}
body.wcprop-2 section.portlet .wcl-col-3 .ui-paginator .ui-paginator-current {
  width: 100%;
}
body.wcprop-2 section.portlet button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
  box-shadow: none;
}
body.wcprop-2 section.portlet .btn {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .btn:hover, body.wcprop-2 section.portlet .btn:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .btn:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .btn:not(:disabled):not(.disabled):active:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
  box-shadow: none;
}
body.wcprop-2 section.portlet .btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
  border-radius: 0;
}
body.wcprop-2 section.portlet .ann-action-buttons tbody tr:nth-child(odd) {
  padding: 0;
  background: transparent;
  border: transparent;
  display: inline-block;
}
body.wcprop-2 section.portlet .ann-action-buttons tbody tr td {
  padding: 0;
  background: transparent;
  border: transparent;
  display: inline-block;
}
body.wcprop-2 section.portlet .btn-responsive .btn,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn,
body.wcprop-2 section.portlet .btn-responsive .dining-search,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .btn-responsive .btn,
  body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary,
  body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected,
  body.wcprop-2 section.portlet .btn-responsive .ann-future-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn,
  body.wcprop-2 section.portlet .btn-responsive .dining-search,
  body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-responsive .btn,
  body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary,
  body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected,
  body.wcprop-2 section.portlet .btn-responsive .ann-future-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn,
  body.wcprop-2 section.portlet .btn-responsive .dining-search,
  body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .btn-responsive .btn,
  body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary,
  body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected,
  body.wcprop-2 section.portlet .btn-responsive .ann-future-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn,
  body.wcprop-2 section.portlet .btn-responsive .dining-search,
  body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .btn-responsive .btn,
  body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary,
  body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected,
  body.wcprop-2 section.portlet .btn-responsive .ann-future-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn,
  body.wcprop-2 section.portlet .btn-responsive .dining-search,
  body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .btn-responsive .btn,
  body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary,
  body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected,
  body.wcprop-2 section.portlet .btn-responsive .ann-future-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn,
  body.wcprop-2 section.portlet .btn-responsive .dining-search,
  body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .btn-responsive .btn:hover,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn:hover,
body.wcprop-2 section.portlet .btn-responsive .dining-search:hover,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success:hover,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button:hover,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .btn-responsive .btn:hover, body.wcprop-2 section.portlet .btn-responsive .btn:focus,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary:hover,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary:focus,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn:focus,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected:focus,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn:focus,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn:hover,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn:focus,
body.wcprop-2 section.portlet .btn-responsive .dining-search:hover,
body.wcprop-2 section.portlet .btn-responsive .dining-search:focus,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success:hover,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success:focus,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button:hover,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button:focus,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button:hover,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .btn-responsive .btn:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn-responsive .btn:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .dining-search:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .dining-search:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media only screen and (min-width: 992px) and (max-width: 1570.98px) {
  body.wcprop-2 section.portlet .btn-responsive .btn,
  body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary,
  body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected,
  body.wcprop-2 section.portlet .btn-responsive .ann-future-btn,
  body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn,
  body.wcprop-2 section.portlet .btn-responsive .dining-search,
  body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button,
  body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button {
    padding: 10px 14px;
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
body.wcprop-2 section.portlet .btn-responsive .btn.btn-primary:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn-responsive .btn.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .btn-wc-primary.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-add-new-btn.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-current-btn-selected.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-future-btn.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ann-expired-btn.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .dining-search.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .dining-search.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .ui-area-btn-success.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-add-button.btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button.btn-primary:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .btn-responsive .mm-contact-edit-button.btn-primary:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 section.portlet .ann-expired-btn.ui-area-btn-danger {
  background: var(--btn-danger);
}
body.wcprop-2 section.portlet .btn-primary,
body.wcprop-2 section.portlet .ui-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .btn-primary,
  body.wcprop-2 section.portlet .ui-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-primary,
  body.wcprop-2 section.portlet .ui-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .btn-primary,
  body.wcprop-2 section.portlet .ui-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .btn-primary,
  body.wcprop-2 section.portlet .ui-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .btn-primary,
  body.wcprop-2 section.portlet .ui-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .btn-primary:hover,
body.wcprop-2 section.portlet .ui-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .btn-primary:hover, body.wcprop-2 section.portlet .btn-primary:focus,
body.wcprop-2 section.portlet .ui-button:hover,
body.wcprop-2 section.portlet .ui-button:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .btn-primary:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .ui-button:not([disabled]):not(.disabled):active,
body.wcprop-2 section.portlet .ui-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-primary,
  body.wcprop-2 section.portlet .ui-button {
    margin: 0;
  }
}
body.wcprop-2 section.portlet .btn-primary:not([disabled]):not(.disabled).active,
body.wcprop-2 section.portlet .ui-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
  border-radius: 0;
}
body.wcprop-2 section.portlet .ui-button .ui-icon {
  font-size: 12px;
  position: initial;
  margin-top: 0;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-button .ui-icon {
    font-size: 0.5452067242vw;
    margin-right: 0.2271694684vw;
    margin-top: 0;
  }
}
body.wcprop-2 section.portlet .ui-button .ui-button-text {
  padding: 0;
  display: inline-flex;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-button .ui-button-text {
    padding: 0;
  }
}
body.wcprop-2 section.portlet .ui-area-btn-print {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-area-btn-print {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-area-btn-print {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-area-btn-print {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-area-btn-print {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-area-btn-print {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-area-btn-print:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-area-btn-print:hover, body.wcprop-2 section.portlet .ui-area-btn-print:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .ui-area-btn-print:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-area-btn-print:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-area-btn-print {
    margin: 0;
  }
}
body.wcprop-2 section.portlet .ui-area-btn-print:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
  border-radius: 0;
}
body.wcprop-2 section.portlet .ui-area-btn-print i {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-area-btn-print i {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 section.portlet .btn-default {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .btn-default {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-default {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .btn-default {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .btn-default {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .btn-default {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .btn-default:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 section.portlet .btn-default:hover, body.wcprop-2 section.portlet .btn-default:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .btn-default:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn-default:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-default {
    margin: 0;
  }
}
body.wcprop-2 section.portlet .btn-default:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--primary-color-hover);
}
body.wcprop-2 section.portlet .btn-default.disabled {
  background: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  border-radius: 0;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary:hover, body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary {
    margin: 0;
  }
}
body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary:first-of-type {
  border-bottom-left-radius: var(--BtnborderRadius) !important;
  border-top-left-radius: var(--BtnborderRadius) !important;
}
body.wcprop-2 section.portlet .btn-group .btn-default.btn-primary:last-of-type {
  border-bottom-right-radius: var(--BtnborderRadius) !important;
  border-top-right-radius: var(--BtnborderRadius) !important;
}
body.wcprop-2 section.portlet .btn-group .btn-primary {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  border-radius: 0;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .btn-group .btn-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-group .btn-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .btn-group .btn-primary:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .btn-group .btn-primary:hover, body.wcprop-2 section.portlet .btn-group .btn-primary:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .btn-group .btn-primary:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn-group .btn-primary:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-group .btn-primary {
    margin: 0;
  }
}
body.wcprop-2 section.portlet .btn-group .btn-primary:first-of-type {
  border-bottom-left-radius: var(--BtnborderRadius);
  border-top-left-radius: var(--BtnborderRadius);
}
body.wcprop-2 section.portlet .btn-group .btn-primary:last-of-type {
  border-bottom-right-radius: var(--BtnborderRadius);
  border-top-right-radius: var(--BtnborderRadius);
}
body.wcprop-2 section.portlet .btn-group .btn-default {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
  border-radius: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .btn-group .btn-default {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-group .btn-default {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-default {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-default {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .btn-group .btn-default {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .btn-group .btn-default:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 section.portlet .btn-group .btn-default:hover, body.wcprop-2 section.portlet .btn-group .btn-default:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .btn-group .btn-default:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .btn-group .btn-default:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .btn-group .btn-default {
    margin: 0;
  }
}
body.wcprop-2 section.portlet .btn-group .btn-default:first-of-type {
  border-bottom-left-radius: var(--BtnborderRadius);
  border-top-left-radius: var(--BtnborderRadius);
}
body.wcprop-2 section.portlet .btn-group .btn-default:last-of-type {
  border-bottom-right-radius: var(--BtnborderRadius);
  border-top-right-radius: var(--BtnborderRadius);
}
body.wcprop-2 section.portlet .ui-commandlink i {
  font-size: 14px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-commandlink i {
    margin-right: 0.2271694684vw;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary:hover, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-primary:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success:hover, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-success:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.btn-danger, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background: var(--btn-danger);
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-commandlink.btn-danger, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-commandlink.btn-danger, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.btn-danger, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.btn-danger, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.btn-danger, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-commandlink.btn-danger:hover, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button:hover, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger:hover, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.btn-danger:hover, body.wcprop-2 section.portlet .ui-commandlink.btn-danger:focus, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button:hover, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button:focus, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger:hover, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger:focus, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn:hover, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.btn-danger:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.btn-danger:not([disabled]):not(.disabled).active, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button:not([disabled]):not(.disabled).active, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger:not([disabled]):not(.disabled).active, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.btn-danger i, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button i, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger i, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn i {
  font-size: 14px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-commandlink.btn-danger i, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button i, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger i, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn i {
    font-size: 0.6360745116vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 section.portlet .ui-commandlink.btn-danger:hover, body.wcprop-2 section.portlet .ui-commandlink.gttr-review-reset-button:hover, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-danger:hover, body.wcprop-2 section.portlet .ui-commandlink.rc-cancel-btn:hover {
  background: var(--danger);
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry:hover, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.ui-area-btn-secondry:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background-color: var(--btn-danger);
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close:hover, body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close:focus {
  text-decoration: none;
}
body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close:not([disabled]):not(.disabled):active, body.wcprop-2 section.portlet .ui-commandlink.ui-canceldialog-close:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 section.portlet .fd-radio-btn {
  margin-top: 0;
}
body.wcprop-2 section.portlet .alert,
body.wcprop-2 section.portlet .alert-warning,
body.wcprop-2 section.portlet .portlet-msg-alert,
body.wcprop-2 section.portlet .portlet-msg-success,
body.wcprop-2 section.portlet .portlet-msg-error,
body.wcprop-2 section.portlet .portlet-msg-help,
body.wcprop-2 section.portlet .portlet-msg-info,
body.wcprop-2 section.portlet .portlet-msg-progress {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-family: var(--wc-font-family);
  border-width: 1px;
  border-radius: var(--borderRadius);
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .alert,
  body.wcprop-2 section.portlet .alert-warning,
  body.wcprop-2 section.portlet .portlet-msg-alert,
  body.wcprop-2 section.portlet .portlet-msg-success,
  body.wcprop-2 section.portlet .portlet-msg-error,
  body.wcprop-2 section.portlet .portlet-msg-help,
  body.wcprop-2 section.portlet .portlet-msg-info,
  body.wcprop-2 section.portlet .portlet-msg-progress {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .alert a,
body.wcprop-2 section.portlet .alert-warning a,
body.wcprop-2 section.portlet .portlet-msg-alert a,
body.wcprop-2 section.portlet .portlet-msg-success a,
body.wcprop-2 section.portlet .portlet-msg-error a,
body.wcprop-2 section.portlet .portlet-msg-help a,
body.wcprop-2 section.portlet .portlet-msg-info a,
body.wcprop-2 section.portlet .portlet-msg-progress a {
  padding: 0 5px;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .alert a,
  body.wcprop-2 section.portlet .alert-warning a,
  body.wcprop-2 section.portlet .portlet-msg-alert a,
  body.wcprop-2 section.portlet .portlet-msg-success a,
  body.wcprop-2 section.portlet .portlet-msg-error a,
  body.wcprop-2 section.portlet .portlet-msg-help a,
  body.wcprop-2 section.portlet .portlet-msg-info a,
  body.wcprop-2 section.portlet .portlet-msg-progress a {
    padding: 0 0.2271694684vw;
  }
}
body.wcprop-2 section.portlet .alert-warning,
body.wcprop-2 section.portlet .portlet-msg-alert,
body.wcprop-2 section.portlet .alert {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
body.wcprop-2 section.portlet .alert-warning i,
body.wcprop-2 section.portlet .portlet-msg-alert i,
body.wcprop-2 section.portlet .alert i {
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .alert-warning i,
  body.wcprop-2 section.portlet .portlet-msg-alert i,
  body.wcprop-2 section.portlet .alert i {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 section.portlet .alert-error,
body.wcprop-2 section.portlet .alert-danger,
body.wcprop-2 section.portlet .portlet-msg-error {
  color: #da1414;
  background-color: #feefef;
  border-color: #f48989;
}
body.wcprop-2 section.portlet .alert-error .label-danger,
body.wcprop-2 section.portlet .alert-danger .label-danger,
body.wcprop-2 section.portlet .portlet-msg-error .label-danger {
  background-color: #da1414;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  color: #fff;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border-radius: var(--borderRadius);
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .alert-error .label-danger,
  body.wcprop-2 section.portlet .alert-danger .label-danger,
  body.wcprop-2 section.portlet .portlet-msg-error .label-danger {
    padding: 0.1817355747vw 0.3634711495vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-left: 0.1363016811vw;
    margin-right: 0.1363016811vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 section.portlet .alert-error .label-danger code.time,
body.wcprop-2 section.portlet .alert-danger .label-danger code.time,
body.wcprop-2 section.portlet .portlet-msg-error .label-danger code.time {
  font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .alert-error .label-danger code.time,
  body.wcprop-2 section.portlet .alert-danger .label-danger code.time,
  body.wcprop-2 section.portlet .portlet-msg-error .label-danger code.time {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-selectbooleancheckbox {
  height: auto;
  vertical-align: top;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
body.wcprop-2 section.portlet .ui-selectbooleancheckbox .ui-chkbox-label {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  line-height: 1;
  margin: 0 0 0 8px;
  word-break: break-all;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectbooleancheckbox .ui-chkbox-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet .ui-selectbooleancheckbox .ui-chkbox-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-selectbooleancheckbox .ui-chkbox-label {
    font-size: var(--wc-mobile-font-size);
    line-height: 1;
  }
}
body.wcprop-2 section.portlet .ui-chkbox-box {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--wc-border-color);
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-chkbox-box {
    width: 0.8178100863vw;
    height: 0.8178100863vw;
  }
}
body.wcprop-2 section.portlet .ui-chkbox-box.ui-state-active {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white-color);
}
body.wcprop-2 section.portlet .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
  font-size: 11px;
  line-height: normal;
  font-family: var(--fontawesome-family);
  width: auto;
  height: auto;
  top: initial;
  left: initial;
  margin: 0;
  text-indent: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
    font-size: 0.4997728305vw;
    margin: 0;
  }
}
body.wcprop-2 section.portlet .ui-chkbox-box .ui-chkbox-icon.ui-icon-check::before {
  content: var(--check-icon);
  font-weight: 600;
}
body.wcprop-2 section.portlet .ui-selectoneradio .ui-radiobutton {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectoneradio .ui-radiobutton {
    margin-right: 0.2271694684vw;
    width: 0.9086778737vw;
    height: 0.9086778737vw;
  }
}
body.wcprop-2 section.portlet .ui-selectoneradio .ui-radiobutton .ui-radiobutton-box {
  width: 20px;
  height: 20px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectoneradio .ui-radiobutton .ui-radiobutton-box {
    width: 0.9086778737vw;
    height: 0.9086778737vw;
  }
}
body.wcprop-2 section.portlet .ui-selectoneradio .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  width: 10px;
  height: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectoneradio .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 0.4543389368vw;
    height: 0.4543389368vw;
    margin-left: -0.2271694684vw;
    margin-top: -0.2271694684vw;
  }
}
body.wcprop-2 section.portlet .ui-selectoneradio label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectoneradio label {
    margin-bottom: 0;
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 section.portlet label {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet label:empty {
  display: none;
}
body.wcprop-2 section.portlet .label {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  line-height: 1.4;
  padding: 0;
  border: none;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-widget .ui-widget:not(.pi) label {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-widget .ui-widget:not(.pi) label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-widget .ui-widget:not(.pi) label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-widget .ui-widget:not(.pi) label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .form-group .form-control {
  height: calc(var(--field-height) * 1px);
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
  border-radius: var(--borderRadius);
  font-family: var(--wc-font-family);
  background-color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .form-group .form-control {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .form-group .form-control {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .form-group .form-control {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 section.portlet .form-group .form-control[type=button] {
  margin-top: 0;
}
body.wcprop-2 section.portlet .ui-selectonemenu {
  margin-top: 0;
  position: relative;
  padding-right: 2.125rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectonemenu {
    padding-right: 1.590186279vw;
  }
}
body.wcprop-2 section.portlet input.hasDatepicker {
  padding-right: 2.125rem;
  width: 100%;
  max-width: initial !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet input.hasDatepicker {
    padding-right: 1.590186279vw;
  }
}
body.wcprop-2 section.portlet input.ui-state-hover:not(.ui-state-error) {
  border-color: var(--primary-color);
}
body.wcprop-2 section.portlet input:focus {
  outline: none;
  box-shadow: none;
  z-index: initial;
  border-color: var(--primary-color);
}
body.wcprop-2 section.portlet .ui-inputtextarea {
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 section.portlet textarea.ui-inputfield {
  border-radius: var(--borderRadius);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet textarea.ui-inputfield {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet textarea.ui-inputfield {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet textarea.ui-inputfield {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet input,
body.wcprop-2 section.portlet .ui-selectonemenu {
  min-width: initial !important;
  height: calc(var(--field-height) * 1px);
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
  border-radius: var(--borderRadius) !important;
  font-family: var(--wc-font-family);
  background-color: var(--white-color);
  display: flex;
  align-items: center;
  position: relative;
  color: var(--wc-font-color);
  background: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet input,
  body.wcprop-2 section.portlet .ui-selectonemenu {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet input,
  body.wcprop-2 section.portlet .ui-selectonemenu {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet input,
  body.wcprop-2 section.portlet .ui-selectonemenu {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 section.portlet input[type=button],
body.wcprop-2 section.portlet .ui-selectonemenu[type=button] {
  margin-top: 0;
}
body.wcprop-2 section.portlet input.ui-widget:not(.pi),
body.wcprop-2 section.portlet .ui-selectonemenu.ui-widget:not(.pi) {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet input.ui-widget:not(.pi),
  body.wcprop-2 section.portlet .ui-selectonemenu.ui-widget:not(.pi) {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet input.ui-widget:not(.pi),
  body.wcprop-2 section.portlet .ui-selectonemenu.ui-widget:not(.pi) {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet input.ui-widget:not(.pi),
  body.wcprop-2 section.portlet .ui-selectonemenu.ui-widget:not(.pi) {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 section.portlet input .ui-selectonemenu-label,
body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-label {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0;
  margin-bottom: 0;
  line-height: normal;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet input .ui-selectonemenu-label,
  body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet input .ui-selectonemenu-label,
  body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet input .ui-selectonemenu-label,
  body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet input .ui-selectonemenu-trigger,
body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 35px;
  padding: 0 6px;
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  border: 0 none;
  cursor: pointer;
  height: 100%;
  position: absolute;
  background: var(--white-color);
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet input .ui-selectonemenu-trigger,
  body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 1.590186279vw;
    padding: 0 0.2726033621vw;
    right: 0;
    top: 0;
  }
}
body.wcprop-2 section.portlet input .ui-selectonemenu-trigger .ui-icon,
body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  font-family: var(--fontawesome-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet input .ui-selectonemenu-trigger .ui-icon,
  body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet input .ui-selectonemenu-trigger .ui-icon::before,
body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before {
  content: var(--arrow-icon-down);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet input .ui-selectonemenu-trigger .ui-icon,
  body.wcprop-2 section.portlet .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    right: 0.4543389368vw;
    left: auto;
  }
}
body.wcprop-2 section.portlet input .ui-state-focus:not(.ui-state-error),
body.wcprop-2 section.portlet .ui-selectonemenu .ui-state-focus:not(.ui-state-error) {
  border-color: var(--wc-font-color);
}
body.wcprop-2 section.portlet input .ui-state-focus:not(.ui-state-error),
body.wcprop-2 section.portlet .ui-selectonemenu .ui-state-focus:not(.ui-state-error) {
  border-color: var(--primary-color);
}
body.wcprop-2 section.portlet input > .ui-helper-hidden-accessible,
body.wcprop-2 section.portlet .ui-selectonemenu > .ui-helper-hidden-accessible {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
}
body.wcprop-2 section.portlet input > .ui-helper-hidden-accessible input,
body.wcprop-2 section.portlet input > .ui-helper-hidden-accessible select,
body.wcprop-2 section.portlet .ui-selectonemenu > .ui-helper-hidden-accessible input,
body.wcprop-2 section.portlet .ui-selectonemenu > .ui-helper-hidden-accessible select {
  width: 100%;
  height: 100%;
}
body.wcprop-2 section.portlet .ui-chkbox {
  margin-right: 0;
  height: auto;
  margin-left: 0;
  vertical-align: middle;
}
body.wcprop-2 section.portlet .ui-selectcheckboxmenu {
  display: block !important;
  background: transparent;
  padding: 0;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  font-size: calc(var(--wc-font-size) * 1px);
  height: calc(var(--field-height) * 1px);
  line-height: 1.7;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectcheckboxmenu {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-selectcheckboxmenu {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-selectcheckboxmenu {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  height: 100%;
}
body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
  margin-bottom: 0;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
  font-family: var(--fontawesome-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s::before {
  content: var(--arrow-icon-down);
  font-weight: 600;
}
body.wcprop-2 section.portlet .ui-inputswitch {
  display: flex;
  border: 1px solid var(--wc-border-color);
  background: #bdc1c8;
  border-radius: 50px;
  color: var(--white-color);
  max-width: 72px;
  width: 72px !important;
  align-items: center;
  height: 36px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-inputswitch {
    height: 1.6356201726vw;
    max-width: 3.2712403453vw;
    width: 3.2712403453vw !important;
    border-radius: 2.2716946842vw;
  }
}
body.wcprop-2 section.portlet .ui-inputswitch.ui-inputswitch-checked {
  background: var(--primary-color);
}
body.wcprop-2 section.portlet .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
  right: 3px !important;
  left: initial !important;
  border-color: var(--primary-color);
  border-radius: 150px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    right: 0.1363016811vw !important;
  }
}
body.wcprop-2 section.portlet .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-on span {
  margin-left: 0 !important;
}
body.wcprop-2 section.portlet .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-off span {
  margin-right: -42px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-off span {
    margin-right: -1.9082235348vw !important;
  }
}
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-on,
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-off {
  position: absolute;
  top: 50%;
  margin-top: 0;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  width: auto !important;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  border-radius: var(--borderRadius);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-on,
  body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-off {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-on span,
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-off span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-off {
  right: 0;
  text-align: right;
  justify-content: flex-end;
}
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-off span {
  padding: 0;
  margin-right: 0 !important;
  width: 42px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-off span {
    padding: 0;
    width: 1.9082235348vw !important;
  }
}
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-on span {
  padding: 0;
  width: 42px !important;
  margin-left: -42px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-on span {
    padding: 0;
    width: 1.9082235348vw !important;
    margin-left: -1.9082235348vw !important;
  }
}
body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-handle {
  display: block;
  width: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3px !important;
  width: 28px !important;
  height: 28px !important;
  border: none;
  background-color: var(--white-color);
  border-radius: 150px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-inputswitch .ui-inputswitch-handle {
    left: 0.1363016811vw !important;
    width: 1.2721490232vw !important;
    height: 1.2721490232vw !important;
  }
}
body.wcprop-2 section.portlet .ui-selectmanycheckbox.ui-widget.ui-widget:not(.pi) label {
  margin-left: 8px;
  margin-bottom: 0;
  font-weight: normal;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectmanycheckbox.ui-widget.ui-widget:not(.pi) label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 section.portlet .ui-selectmanymenu {
  border: 1px solid var(--wc-border-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectmanymenu {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-calendar {
  height: calc(var(--field-height) * 1px);
  display: block;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-calendar {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-calendar .ui-datepicker-trigger.ui-button {
  height: calc(100% - 2px);
  width: 35px;
  background: var(--wc-body-bg);
  border: none;
  color: var(--wc-font-color);
  border-radius: var(--borderRadius);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 1px;
  position: absolute;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-calendar .ui-datepicker-trigger.ui-button {
    width: 1.590186279vw;
  }
}
body.wcprop-2 section.portlet .ui-calendar .ui-datepicker-trigger.ui-button .ui-icon-calendar {
  font-family: var(--fontawesome-family);
  text-shadow: none;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-calendar .ui-datepicker-trigger.ui-button .ui-icon-calendar {
    margin: 0;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-calendar .ui-datepicker-trigger.ui-button .ui-icon-calendar::before {
  content: var(--calendar-icon);
}
body.wcprop-2 section.portlet .input-group {
  align-items: center;
}
body.wcprop-2 section.portlet .input-group .ui-selectonemenu .ui-selectonemenu-trigger {
  right: 36px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .input-group .ui-selectonemenu .ui-selectonemenu-trigger {
    right: 1.6356201726vw;
  }
}
body.wcprop-2 section.portlet .input-group-addon {
  width: 35px;
  background: var(--wc-body-bg);
  border: none;
  color: var(--wc-font-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 1px;
  height: calc(100% - 2px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .input-group-addon {
    width: 1.590186279vw;
    right: 0.0454338937vw;
    height: calc(100% - 0.0908677874vw);
  }
}
body.wcprop-2 section.portlet .input-group-addon i {
  font-family: var(--fontawesome-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  text-shadow: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .input-group-addon i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .input-group-addon i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .input-group-addon-with-link {
  display: flex;
  position: absolute;
  right: 1px;
  height: calc(100% - 2px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .input-group-addon-with-link {
    right: 0.0454338937vw;
    height: calc(100% - 0.0908677874vw);
  }
}
body.wcprop-2 section.portlet .input-group-addon-with-link a {
  height: auto;
  width: 35px;
  background: var(--wc-body-bg);
  border: none;
  color: var(--wc-font-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s background;
  will-change: background;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .input-group-addon-with-link a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .input-group-addon-with-link a {
    width: 1.590186279vw;
  }
}
body.wcprop-2 section.portlet .input-group-addon-with-link a:hover {
  background: var(--primary-color);
}
body.wcprop-2 section.portlet .input-group-addon-with-link a:hover i {
  margin-right: 0;
  color: var(--white-color);
  transition: 0.3s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .input-group-addon-with-link a:hover i {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .input-group-addon-with-link a:hover i {
    margin-right: 0;
  }
}
body.wcprop-2 section.portlet .input-group-addon-with-link .player-phone {
  right: 37px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .input-group-addon-with-link .player-phone {
    right: 1.6810540663vw;
  }
}
body.wcprop-2 section.portlet .input-group-addon-with-link i {
  color: var(--wc-font-color);
}
body.wcprop-2 section.portlet .ui-slider {
  background: var(--wc-border-color);
}
body.wcprop-2 section.portlet .ui-slider.ui-slider-horizontal {
  height: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-slider.ui-slider-horizontal {
    height: 0.1817355747vw;
  }
}
body.wcprop-2 section.portlet .ui-slider.ui-slider-vertical .ui-slider-handle {
  top: initial;
}
body.wcprop-2 section.portlet .ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  background: var(--white-color);
  border: 2px solid var(--wc-border-color);
  transition: background-color 0.3s;
  border-radius: 50%;
  top: -0.5rem;
  margin-left: -0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-slider .ui-slider-handle {
    width: 0.9086778737vw;
    height: 0.9086778737vw;
    top: -0.3634711495vw;
    margin-left: -0.5452067242vw;
  }
}
body.wcprop-2 section.portlet .ui-slider .ui-slider-handle.ui-state-hover {
  border-color: var(--primary-color);
}
body.wcprop-2 section.portlet .ui-spinner {
  height: calc(var(--field-height) * 1px);
  border: none;
}
body.wcprop-2 section.portlet .ui-spinner .ui-spinner-input {
  text-align: left;
}
body.wcprop-2 section.portlet .ui-spinner .ui-spinner-button {
  position: absolute;
  right: 0;
  border-radius: 0;
  height: 50%;
  margin: 0;
  background: transparent;
  color: var(--wc-font-color);
  padding: 0;
  border: none;
}
body.wcprop-2 section.portlet .ui-spinner .ui-spinner-button .ui-button-text .ui-icon {
  font-family: var(--fontawesome-family);
  font-size: 16px;
  display: inline-flex;
  position: absolute;
  justify-content: center;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-spinner .ui-spinner-button .ui-button-text .ui-icon {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .ui-spinner .ui-spinner-button .ui-button-text .ui-icon.ui-icon-triangle-1-n::before {
  content: var(--arrow-icon-up);
  font-weight: 600;
}
body.wcprop-2 section.portlet .ui-spinner .ui-spinner-button .ui-button-text .ui-icon.ui-icon-triangle-1-s::before {
  content: var(--arrow-icon-down);
  font-weight: 600;
}
body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  width: 100%;
  padding: 0.5rem;
  margin: 0;
  border-bottom: 1px solid var(--wc-border-color);
  color: var(--wc-font-color);
  background-color: var(--white);
  display: flex;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    padding: 0.3634711495vw;
    margin: 0;
  }
}
body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container input.ui-selectonemenu-filter.ui-inputfield {
  height: auto;
  font-family: var(--wc-font-family);
  width: 100%;
  font-size: 14px;
  text-indent: 1.5rem;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container input.ui-selectonemenu-filter.ui-inputfield {
    height: auto;
    font-size: 0.6360745116vw;
    text-indent: 1.0904134484vw;
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: flex;
  text-indent: 0 !important;
  text-align: center;
  background: 0;
  position: absolute;
  top: 50%;
  left: 1rem;
  margin-top: -0.5em;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
    left: 0.726942299vw;
    margin-top: -0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    font-size: var(--wc-mobile-font-size) !important;
  }
}
body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
  overflow: auto;
}
body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items {
    padding: 0;
    margin: 0;
  }
}
body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item {
  background-color: transparent;
  color: var(--wc-font-color);
  outline: 0 none;
  border-radius: 0;
  margin: 0;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item {
    margin: 0;
    padding: 0.3634711495vw 0.5452067242vw;
  }
}
body.wcprop-2 section.portlet .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
  background-color: var(--wc-body-bg);
  color: var(--wc-font-color);
}
body.wcprop-2 section.portlet .hidden {
  display: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.wcprop-2 section.portlet .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.wcprop-2 section.portlet .hidden-md {
    display: none !important;
  }
}
@media print {
  body.wcprop-2 section.portlet .hidden-print {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  body.wcprop-2 section.portlet .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  body.wcprop-2 section.portlet .hidden-md {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.wcprop-2 section.portlet .hidden-desktop {
    display: inherit !important;
  }
}
@media only screen and (max-width: 768px) {
  body.wcprop-2 section.portlet .hidden-desktop {
    display: inherit !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .hidden-desktop {
    display: inherit !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.wcprop-2 section.portlet .visible-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.wcprop-2 section.portlet .visible-tablet {
    display: inherit !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.wcprop-2 section.portlet .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .visible-desktop {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .visible-phone {
    display: inherit !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .hidden-phone {
    display: none !important;
  }
}
body.wcprop-2 section.portlet .ers-waiver-content-container {
  border: none;
}
body.wcprop-2 section.portlet .ers-waiver-content-container .ers-waiver-wizard {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ers-waiver-content-container .ers-waiver-wizard {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 section.portlet .ers-waiver-content-container .ers-waiver-wizard .ui-wizard-step-titles {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.wcprop-2 section.portlet .ers-waiver-content-container .ers-waiver-wizard .ui-wizard-step-titles .ui-wizard-step-title {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 section.portlet .ers-waiver-content-container .ers-waiver-wizard .ui-wizard-content {
  border: 1px solid var(--wc-border-color);
  margin: 0;
  padding: 1rem;
  border-radius: 0 var(--borderRadius) var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ers-waiver-content-container .ers-waiver-wizard .ui-wizard-content {
    margin: 0;
    padding: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body.wcprop-2 section.portlet .amount-position {
  text-align: right;
}
body.wcprop-2 section.portlet .ers-bold {
  font-weight: 600;
}
body.wcprop-2 section.portlet .ui-panel {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-panel {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .ui-panel:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-panel:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 section.portlet .ui-panel .ui-panel-titlebar {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  border-radius: var(--borderRadius);
  border: none;
  padding: 0.75rem;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-panel .ui-panel-titlebar {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-panel .ui-panel-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-panel .ui-panel-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-panel .ui-panel-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
    padding: 0.8rem;
  }
}
body.wcprop-2 section.portlet .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  margin-left: auto;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-panel .ui-panel-content {
  padding: 0.75rem;
  border: 1px solid var(--wc-border-color);
  border-top: none;
  color: var(--wc-font-color);
  background: var(--white-color);
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-panel .ui-panel-content {
    padding: 0.5452067242vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-panel .ui-panel-content {
    padding: 0.5rem;
  }
}
body.wcprop-2 section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: 1px solid var(--wc-border-color);
  background-color: var(--white-color);
  color: var(--wc-font-color);
  padding: 0.75rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-panelgrid .ui-panelgrid-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 section.portlet .ui-panelgrid .ui-panelgrid-cell {
  background: var(--white-color);
  color: var(--wc-font-color);
}
body.wcprop-2 section.portlet .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
  border: 0 none;
}
body.wcprop-2 section.portlet .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  background-color: var(--white-color);
  color: var(--wc-font-color);
  padding: 0.75rem;
  border-radius: var(--borderRadius);
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-datagrid .ui-datagrid-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 section.portlet .ui-datalist .ui-datalist-content {
  border: 1px solid var(--wc-border-color);
  background-color: var(--white-color);
  color: var(--wc-font-color);
  padding: 0.75rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-datalist .ui-datalist-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 section.portlet hr {
  border: none;
  border-top: 1px solid var(--wc-border-color);
}
body.wcprop-2 section.portlet .ui-widget:not(.pi) {
  font-family: var(--wc-font-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-widget:not(.pi) {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-widget .ui-widget:not(.pi) {
  font-family: var(--wc-font-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-widget .ui-widget:not(.pi) {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive i,
body.wcprop-2 section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive i,
  body.wcprop-2 section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive i,
  body.wcprop-2 section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive i {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
body.wcprop-2 section.portlet h1 i,
body.wcprop-2 section.portlet h2 i,
body.wcprop-2 section.portlet h3 i,
body.wcprop-2 section.portlet h4 i,
body.wcprop-2 section.portlet h5 i,
body.wcprop-2 section.portlet h6 i {
  display: none;
}
body.wcprop-2 section.portlet p {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: var(--wc-base-lineHeight);
}
body.wcprop-2 section.portlet p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet p {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 section.portlet p {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet p {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .panel.panel-default {
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .card-body {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .ui-tabs {
  display: block;
  padding: 0;
  position: static;
  zoom: 1;
}
body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav {
  background: transparent;
  padding: 0;
  margin: 0px;
  list-style: none;
  display: flex;
  overflow-y: auto;
}
body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li.ui-tabs-header {
  background: transparent;
  border: none;
  display: flex;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li.ui-tabs-header {
    width: 100%;
    margin: 0;
  }
}
body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li.ui-tabs-header:last-child {
  margin: 0;
}
body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li.ui-state-active a {
  opacity: 1;
}
body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li.ui-state-hover a {
  color: var(--bg-text-color);
  opacity: 1;
}
body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  opacity: 0.5;
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem 1rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li a {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-tabs > .ui-tabs-nav li a {
    font-size: var(--wc-mobile-font-size);
    width: 100%;
    margin-bottom: 0.3rem;
  }
}
body.wcprop-2 section.portlet .ui-tabs .ui-tabs-panels {
  position: static;
  margin: 0;
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  padding: 0.75rem;
  background: var(--white-color);
  border-radius: 0 var(--borderRadius) var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-tabs .ui-tabs-panels {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 0;
}
body.wcprop-2 section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel > hr {
  display: none;
}
body.wcprop-2 section.portlet .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  opacity: 0.5;
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem 1rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  margin-right: 0.15rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    margin-right: 0.1090413448vw;
    padding: 0.3634711495vw 0.726942299vw;
    letter-spacing: 0.3634711495vw;
  }
}
body.wcprop-2 section.portlet .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
  opacity: 1;
}
body.wcprop-2 section.portlet .ui-wizard .ui-wizard-content {
  padding: 1rem;
  border: 1px solid var(--wc-border-color);
  margin: 0;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-wizard .ui-wizard-content {
    padding: 0.726942299vw;
    margin: 0;
  }
}
body.wcprop-2 section.portlet .ui-wizard .ui-wizard-navbar .ui-button {
  margin-top: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-wizard .ui-wizard-navbar .ui-button {
    margin-top: 0.4543389368vw;
  }
}
body.wcprop-2 section.portlet .ui-accordion {
  display: flex;
  flex-direction: column;
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  border: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  padding: 0.75rem 1rem;
  font-weight: 600;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header {
    padding: 0.5452067242vw 0.726942299vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header.ui-state-hover {
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon {
  color: var(--accordion-headtext-hover-color);
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header.ui-state-active {
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
  border: none;
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: var(--accordion-headtext-hover-color);
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header.ui-tabs-outline {
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
  border: none;
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header.ui-tabs-outline .ui-icon {
  color: var(--accordion-headtext-hover-color);
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header .ui-icon {
  margin-left: auto;
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--fontawesome-family);
  font-weight: 900;
  position: inherit;
  margin-top: 0;
  margin-right: 0;
  color: var(--accordion-headtext-color);
  transition: 0.5s all;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header .ui-icon {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header .ui-icon {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header .ui-icon {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header .ui-icon {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 section.portlet .ui-accordion .ui-accordion-header .ui-icon::before {
  content: var(--arrow-icon-down);
}
body.wcprop-2 section.portlet .ui-accordion-content {
  border: 1px solid var(--wc-border-color);
  padding: 0.75rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .ui-accordion-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 section.portlet .help-block {
  color: #5e617b;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .help-block {
    font-size: 0.6360745116vw;
    margin-bottom: 0.4543389368vw;
    margin-top: 0.2271694684vw;
  }
}
body.wcprop-2 section.portlet .portlet-content-editable .ui-grid-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable .ui-grid-row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 section.portlet .portlet-content-editable .ui-grid-row > [class*=ui-grid-col] {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable .ui-grid-row > [class*=ui-grid-col] {
    padding: 0 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell:first-child {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell:first-child {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell:first-child > label {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell:first-child > label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row:last-child .ui-panelgrid-cell {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row:last-child .ui-panelgrid-cell {
    margin-bottom: 0;
  }
}
body.wcprop-2 section.portlet .portlet-content-editable hr {
  display: none;
}
body.wcprop-2 section.portlet .portlet-content-editable form > .add-update-button {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable form > .add-update-button {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 section.portlet .portlet-content-editable form .ui-fluid > .add-update-button {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section.portlet .portlet-content-editable form .ui-fluid > .add-update-button {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 section .ui-tree {
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 section .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: var(--primary-color);
  color: var(--bg-text-color);
}
body.wcprop-2 section .font-bold {
  font-weight: bold;
}
body.wcprop-2 section .mandatory {
  color: var(--danger);
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  padding-left: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section .mandatory {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
    padding-left: 0.1363016811vw;
  }
}
body.wcprop-2 section .margin-right-5px {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 section .margin-right-5px {
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .yui3-widget-modal .overlay-content .dropdown-menu .search-panel .form-group {
    margin: 0;
    padding: 5px 10px;
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .yui3-widget-modal .overlay-content .dropdown-menu .search-panel .form-group input {
    padding: 5px 10px;
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .yui3-widget-modal .overlay-content .dropdown-menu .asset-selector a {
    color: var(--wc-font-color);
    font-size: var(--wc-mob-font-size);
    line-height: 1.5;
    padding: 5px 10px;
  }
}
body.wcprop-2 .mm-slideout {
  z-index: inherit !important;
}
body.wcprop-2 .impersonation-msg {
  z-index: 99;
}
@media (min-width: 200px) and (max-width: 400px) {
  body.wcprop-2 .space-close {
    display: none !important;
  }
}
@media (min-width: 560px) and (max-width: 750px) {
  body.wcprop-2 .space-close {
    display: inherit !important;
  }
}
@media (min-width: 801px) {
  body.wcprop-2 .space-close {
    display: none !important;
  }
}
@media (min-width: 641px) {
  body.wcprop-2 .seperator-datatable {
    display: none;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ach-create-btn {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ach-create-btn {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ach-create-btn a i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ach-create-btn a i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable {
  border: none;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr {
  border-bottom-color: var(--wc-border-color);
}
@media (max-width: 640px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr {
    border-bottom-color: transparent;
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-column-title {
    margin-right: auto;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .cancel-trash {
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .cancel-trash {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .cancel-trash i {
  font-size: 14px;
  color: var(--primary-color);
  margin: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .cancel-trash i {
    font-size: 0.6360745116vw;
    margin: 0 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .cancel-trash i {
    font-size: 12px;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button:hover, body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button:focus {
  text-decoration: none;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button:not([disabled]):not(.disabled):active, body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button {
    margin: 0;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button.update-ach-status-btn {
  background-color: var(--btn-danger);
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button.update-ach-status-btn:hover {
  background: #cf0000;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button.ui-selectbooleanbutton .ui-button-text {
  padding: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button.ui-selectbooleanbutton .ui-button-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button.ui-selectbooleanbutton .ui-state-active:not(.ui-state-disabled):hover {
  background: var(--primary-color-hover);
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-datatable table tbody tr td .ui-button.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
  background: var(--primary-color-hover);
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid-responsive .btn-responsive {
  width: auto;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell label {
  font-size: calc(var(--wc-font-size) * 1px);
  cursor: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell label {
    font-size: calc(var(--wc-mobile-font-size) - 2px);
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5 div img {
  width: auto;
  max-width: 296px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5 div img {
    width: 100%;
    max-width: 13.4484325307vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5 div img {
    width: 100%;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:empty {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:empty {
    padding: 0;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:first-child {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:first-child {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:first-child {
    padding-bottom: 0;
    font-size: calc(var(--wc-mobile-font-size) - 2px);
    line-height: normal;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:last-child {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:last-child > span[id*=preferredDays] {
  width: 100%;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:last-child label {
  width: 100%;
  margin-bottom: 0;
  margin-top: 0.2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell:last-child label {
    margin-top: 0.1453884598vw;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span .ui-selectmanycheckbox {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span .ui-selectmanycheckbox {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-panelgrid-blank .ui-panelgrid-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-panelgrid-blank .ui-panelgrid-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive {
  width: max-content;
  margin-right: 0;
}
@media (max-width: 640px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive {
    width: 100%;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-success {
  width: max-content;
}
@media (max-width: 640px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-success {
    width: 100%;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-danger {
  width: max-content;
}
@media (max-width: 640px) {
  body.wcprop-2 .ACHAccount-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-danger {
    width: 100%;
  }
}
body.wcprop-2 .ACHAccount-portlet section.portlet .portlet-content-editable form .ui-fluid .ui-panelgrid.ui-widget .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell label {
  margin: 0;
}
body.wcprop-2 .ACHAccount-portlet section.portlet .portlet-content-editable form .ui-fluid .ui-panelgrid.ui-widget .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .auto-pay-section .ui-selectonemenu {
  width: 30%;
}
body.wcprop-2 .activities-portlet section.portlet {
  /*preferencess css*/
  /*end preferencess css*/
}
body.wcprop-2 .activities-portlet section.portlet form .ui-grid-row .margin-right-5px {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-grid-row .margin-right-5px {
    margin-right: 0.3634711495vw;
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-commandlink i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-commandlink i {
    margin-right: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
  align-items: center;
  display: flex;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox {
  position: static;
  margin-top: 0;
  margin-right: 0.5rem;
  vertical-align: middle;
  margin: 0;
  height: 20px;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-emergency-contact-dialog.ui-dialog.activity-dialog .ui-dialog-content {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-emergency-contact-dialog.ui-dialog.activity-dialog .ui-dialog-content {
    padding: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-emergency-contact-dialog.ui-dialog.activity-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-2.btn-responsive {
  margin-bottom: 0;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-emergency-contact-dialog.ui-dialog.activity-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-2.btn-responsive {
    margin-bottom: 0;
    margin-left: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-outputlabel.ui-widget {
  margin-bottom: 1rem;
  width: 100%;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-outputlabel.ui-widget {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-outputlabel.ui-widget {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-outputlabel.ui-widget {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive {
  width: auto;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok:hover, body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok:focus {
  text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok:not([disabled]):not(.disabled):active, body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-restrictiondialog-ok:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
  position: absolute;
  right: 0.75rem !important;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
    right: 0.5452067242vw !important;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .chit-heading,
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .activity-dialog-heading,
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .chit-heading,
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .activity-dialog-heading,
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .chit-heading,
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .activity-dialog-heading,
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .chit-heading,
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .activity-dialog-heading,
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact {
  padding: 0 0.75rem 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact {
    padding: 0 0.5452067242vw 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .form-group .ui-autocomplete.form-control {
  padding-top: 0;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .form-group .ui-autocomplete.form-control {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .form-group .ui-autocomplete.form-control input {
  width: 100%;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-2.btn-responsive .ui-canceldialog-ok.ui-area-btn-danger {
  background: var(--primary-color);
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-2.btn-responsive .ui-canceldialog-ok.ui-area-btn-danger:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-2.btn-responsive:nth-child(1) {
  margin-right: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border: none;
  padding: 1rem;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio0) * 1vw);
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box a {
  color: var(--primary-color);
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box a:hover .well .address-heading {
  color: var(--primary-color);
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box a:hover .well .address-content {
  color: var(--primary-color);
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  width: 100%;
  margin-bottom: 0.5rem;
  transition: 0.2s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc((var(--wc-fs-heading6) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--wc-font-color);
  padding-right: 5px;
  transition: 0.2s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .label-success {
  background-color: var(--success);
  color: var(--white-color);
  padding: 3px 5px !important;
  display: inline-block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .label-success {
    padding: 0.1363016811vw 0.2271694684vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  width: 100%;
  padding: 0 0 0.75rem;
  margin-bottom: 1rem;
  background-color: var(--white-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0 0 0.5452067242vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog.header-legends {
  background-color: var(--wc-body-bg);
  padding: 0 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog.header-legends {
    padding: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog.header-legends .legends .legend.legend-label {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog.header-legends .legends .legend.legend-label {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog.header-legends .legends .ui-grid-row {
  padding: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog.header-legends .legends .ui-grid-row {
    padding: 0 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .legend.legend-label {
  margin-bottom: 1rem;
  padding: 0 0 1rem;
  line-height: var(--wc-headingLineHeight);
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  border-bottom: 1px solid var(--wc-border-color);
  float: inherit;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .legend.legend-label {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0 0 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .legend.legend-label {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .legend.legend-label {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .legend.legend-label {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-grid-row .legend {
  padding-left: 0.5rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-grid-row .legend {
    padding-left: 0.3634711495vw;
    padding-right: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .reservation-types {
  margin-top: 1.5rem;
  padding-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .reservation-types {
    margin-top: 1.0904134484vw;
    padding-left: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .reservation-types .legend.legend-label {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .reservation-types .legend.legend-label {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .reservation-types .ui-grid-row {
  padding: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .reservation-types .ui-grid-row {
    padding: 0 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .reservation-types .ui-grid-row .legend {
  display: flex;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  border: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .cross.hide-print-button {
  right: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .cross.hide-print-button {
    right: 1.4538845979vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
  background: var(--primary-color);
  color: var(--white-color);
  font-size: calc(var(--wc-fs-heading4) * 1px);
  padding: 0.5rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact {
  width: 100%;
  margin: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact {
    margin: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 {
  padding-right: 1%;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4:last-child {
  padding-right: 0 !important;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 .form-group {
  margin-right: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 .form-group {
    margin: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 .form-group .ui-autocomplete.form-control.radius-none input {
  border: 0 !important;
  background-color: transparent;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4:last-child .form-group {
  margin-right: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 .form-group .ui-autocomplete.form-control {
  padding: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-2.btn-responsive .ui-canceldialog-ok {
  background: var(--primary-color);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-2.btn-responsive .ui-canceldialog-ok:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton {
  display: flex;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button {
  flex: 1 0 auto;
  max-width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--wc-font-color);
  border-color: var(--wc-border-color);
  border-right: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button {
    height: 2.2716946842vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button {
    height: 40px;
    padding: 2px;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:first-child),
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:first-child),
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:last-child),
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:last-child),
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:last-child,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:last-child {
  border-right: 1px solid var(--wc-border-color);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button.ui-state-active, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button.ui-state-active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button .ui-button-text,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-time-period-switcher .ui-selectonebutton .ui-button .ui-button-text {
  padding: 0;
  pointer-events: none;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-responsive,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-responsive {
  width: 100%;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-legends-dialog.header-legends + .ui-grid-responsive,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-legends-dialog.header-legends + .ui-grid-responsive {
  width: 100%;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-legends-dialog .legend div,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-legends-dialog .legend img,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-legends-dialog .legend div,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-legends-dialog .legend img {
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-legends-dialog .legend div,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-legends-dialog .legend img,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-legends-dialog .legend div,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-legends-dialog .legend img {
    width: 0.726942299vw;
    height: 0.726942299vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-legends-dialog .legend div,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-legends-dialog .legend div {
  float: inherit;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-legends-dialog .legend-box,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-legends-dialog .legend-box {
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .horizontal-date-picker-container,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .horizontal-date-picker-container {
  overflow: hidden;
  width: 100%;
  margin: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option {
  text-align: center;
  margin-left: auto;
  margin-bottom: 1rem;
  display: flex;
  flex: auto;
  max-width: initial;
  justify-content: end;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option {
    margin-bottom: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option {
    flex-wrap: wrap;
    margin: 0 auto;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet {
  margin-left: 0.75rem;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet {
    margin-left: 0.5452067242vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
  display: flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:hover, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:focus,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:not([disabled]):not(.disabled).active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:not([disabled]):not(.disabled):active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink {
    margin: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i {
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink.active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink.active {
  background: var(--primary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:hover, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:focus,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-reservation-sheet .ui-commandlink:focus {
  background: var(--primary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet {
  margin-left: 0.75rem;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet {
    margin-left: 0.5452067242vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet {
    margin-right: 0;
    margin-left: 0.2rem;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
  display: flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:hover, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:focus,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:not([disabled]):not(.disabled).active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:not([disabled]):not(.disabled):active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink {
    margin: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i {
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink.active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink.active {
  background: var(--primary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:hover, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:focus,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-switching-option .btn-trainer-sheet .ui-commandlink:focus {
  background: var(--primary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .activity-view-not-allowed,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .alert-warning,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .portlet-msg-alert,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .alert,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .activity-view-not-allowed,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .alert-warning,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .portlet-msg-alert,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .alert {
  flex: 0 0 100%;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-messages-header,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-messages-header {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0 0 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-messages-header,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-messages-header {
    margin: 0 0 0.726942299vw 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-messages-header span img,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-messages-header span img {
  width: 18px;
  height: 18px;
  margin-right: 0.7rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-messages-header span img,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-messages-header span img {
    width: 0.8178100863vw;
    height: 0.8178100863vw;
    margin-right: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-messages-header span ul,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-messages-header span ul {
  list-style: none;
  padding-left: 30px;
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .sheet-messages-header span ul,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .sheet-messages-header span ul {
    padding-left: 1.3630168105vw;
    margin-bottom: 0.5815538392vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist {
  text-align: center;
  margin-bottom: 1rem;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist {
    margin-bottom: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0 0 0 0.75rem;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink:hover, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink:focus,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink:not([disabled]):not(.disabled).active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink:not([disabled]):not(.disabled):active,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink {
    margin: 0 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink i,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink i {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink i {
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink i,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink:hover, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .add-to-waitlist .ui-commandlink:focus,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .add-to-waitlist .ui-commandlink:focus {
  background: var(--primary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot {
  margin-bottom: 0.5rem;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot div,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot div {
  padding: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot div label,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot div label {
  margin: 0;
  padding: 0.5rem;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot .available-cont.ui-grid-col-10,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots.ui-accordion .ui-accordion-content .slot .available-cont.ui-grid-col-10 {
  text-align: left;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper {
  overflow: auto;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper table thead tr th.header-col.time,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper table thead tr th.header-col.time {
  width: 200px !important;
  display: block;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper table thead tr th.header-col.time,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper table thead tr th.header-col.time {
    width: 9.0867787369vw !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper table thead tr th.header-col.time,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper table thead tr th.header-col.time {
    width: 100px !important;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .interval,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .interval {
  background-color: var(--wc-body-bg);
  color: var(--wc-font-color);
  z-index: 1;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:after,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:after {
  content: var(--calendar-icon);
  font-family: var(--fontawesome-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  text-align: center;
  display: block;
  color: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:after,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:after {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:after,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:after {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:not(.selected):not(.past-time):not(.rainout):not(.not-available):hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:not(.selected):not(.past-time):not(.rainout):not(.not-available):hover {
  background: var(--primary-color-hover);
  cursor: pointer;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:hover,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .data-col.slot.open:hover {
  background: var(--primary-color-hover);
  cursor: pointer;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay {
  margin-top: 20px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay {
    margin-top: 0.9086778737vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .ui-datatable-tablewrapper .advance-booking-overlay .advance-booking-overlay-container font {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container {
  position: relative;
  width: 60%;
  height: 100%;
  margin: 0 auto;
  padding-top: 4rem;
  color: var(--white-color);
  text-align: center;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font,
body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font {
  color: var(--white-color);
  line-height: 1.5;
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font,
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .trainer-sheet-container .ui-grid-row .activity-slots .advance-booking-overlay .advance-booking-overlay-container font {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .sheet-messages-footer {
  margin-top: 1rem;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .sheet-messages-footer {
    margin-top: 0.726942299vw;
    margin-left: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .sheet-messages-footer span img {
  width: 18px;
  height: 18px;
  margin-right: 0.7rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .sheet-messages-footer span img {
    width: 0.8178100863vw;
    height: 0.8178100863vw;
    margin-right: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .sheet-messages-footer span ul {
  list-style: none;
  padding-left: 30px;
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .sheet-messages-footer span ul {
    padding-left: 1.3630168105vw;
    margin-bottom: 0.5815538392vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row {
  padding: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row {
    padding: 0 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row .legend .legend-box {
  font-family: var(--fontawesome-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  width: 15px;
  height: 15px;
  border: 1px solid var(--wc-border-color);
  margin-right: 0.5rem;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row .legend .legend-box {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    width: 0.6815084053vw;
    height: 0.6815084053vw;
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row .legend .legend-box {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row .legend .legend-box {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row .legend img {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-row .legend img {
    margin-right: 0.3634711495vw;
    width: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .legends {
  padding-bottom: 0.5rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .legends {
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .legends .legend-label {
  line-height: var(--wc-headingLineHeight);
  margin-bottom: 1rem;
  padding: 1rem 0.75rem;
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .legends .legend-label {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .legends .legend-label {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-dialog.activity-legends-dialog .ui-dialog-content .legends .legend-label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .booking-date h3 {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--wc-font-color);
  padding-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .booking-date h3 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding-left: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .booking-date h3 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .booking-date h3 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .booking-date h3 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs ul.ui-tabs-nav li a {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs ul.ui-tabs-nav li a {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question {
  padding: 0.5rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question {
    padding: 0.3634711495vw 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-text {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-radio .ui-radiobutton .ui-radiobutton-box {
  width: 16px;
  height: 16px;
  border: 1px solid var(--wc-border-color);
  background-color: transparent;
  text-align: center;
  position: relative;
  border-radius: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-radio .ui-radiobutton .ui-radiobutton-box {
    width: 0.726942299vw;
    height: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-radio .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-radio .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 0.4543389368vw;
    height: 0.4543389368vw;
    margin-left: -0.2271694684vw;
    margin-top: -0.2271694684vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-radio .ui-radiobutton .ui-radiobutton-box .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #007ad9;
  background-color: transparent;
  color: #fff;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-tabs .ui-tabs-panels .ui-grid-row .activity-question .activity-question-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
  background-color: blue;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-btns {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-btns {
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-btns .ui-grid-row .ui-area-btn.ui-area-btn-warning, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-btns .ui-grid-row .ui-area-btn-warning.events-cal-link {
  background-color: var(--btn-danger);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-btns .ui-grid-row .ui-area-btn.ui-area-btn-warning:hover, body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .activity-question-btns .ui-grid-row .ui-area-btn-warning.events-cal-link:hover {
  background: #cf0000;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .hold-time .alert.alert-danger {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .hold-time .alert.alert-danger {
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-heading {
  background-color: var(--wc-body-bg);
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-heading {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-heading h3.panel-title {
  margin: 0;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-heading h3.panel-title {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-heading h3.panel-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-heading h3.panel-title {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-heading h3.panel-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .ui-grid .ui-grid-row .input-group-addon {
  cursor: pointer;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .activity-players.table-striped {
  border: none;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .activity-players .form-group .form-control.ui-autocomplete {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .activity-players .form-group .form-control.ui-autocomplete {
    padding: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .activity-players .form-group .form-control.ui-autocomplete input {
  width: 100%;
  border: none;
  background-color: transparent;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .looking-for-partner .form-group {
  padding-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .looking-for-partner .form-group {
    padding-left: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .reservation-comments {
  margin-top: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .reservation-comments {
    margin-top: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .reservation-comments .form-group {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .reservation-comments .form-group {
    margin-bottom: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .panel.panel-default .panel-body .reservation-comments .form-group .ui-inputtextarea {
  width: 100%;
  max-width: 100%;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .member-guest-panel .panel-body .activity-players {
  border-radius: var(--BtnborderRadius);
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .member-guest-panel .panel-body .activity-players {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .btn-back {
  background: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .btn-back:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  border: 1px solid var(--primary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .ui-c.ui-button-text {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-container .activity-reservation-container .ui-c.ui-button-text {
    padding: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even {
  background: transparent;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.player-info, body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.bill-to {
  border: none;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.player-info .ui-column-title:empty, body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.bill-to .ui-column-title:empty {
  padding: 0;
  margin: 0;
  min-width: auto;
  display: unset;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.player-info .ui-column-title:empty, body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.bill-to .ui-column-title:empty {
    padding: 0;
    margin: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.player-info .form-group .input-group .ui-autocomplete.player-autocomplete input, body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr.ui-datatable-even td.bill-to .form-group .input-group .ui-autocomplete.player-autocomplete input {
  width: 100%;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr > td {
  padding: 8px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .footer-row {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .footer-row {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .footer-row {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .footer-row {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .footer-row td {
  background: var(--table-thead-color);
  color: var(--table-th-color);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-cancel-reservation-dialog textarea {
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-cancel-reservation-dialog textarea {
    margin-bottom: 0.4543389368vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header {
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 10px;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header {
    padding: 0.3634711495vw 0;
    margin: 0 0 0.3634711495vw 0;
  }
}
@media only screen and (min-width: 200px) and (max-width: 640px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header {
    margin: 0px;
  }
}
@media only screen and (min-width: 200px) and (max-width: 640px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-grid-col-3 {
    margin-bottom: 10px;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-grid-col-3:nth-child(3) {
  margin-right: 0px;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous {
  justify-content: flex-end;
  display: flex;
  flex: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  text-shadow: none;
  text-align: center;
  vertical-align: top;
  color: var(--wc-font-color);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 10px;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  display: inline-flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-left: 0.3634711495vw;
    margin-right: 0.3634711495vw;
    padding: 0.4543389368vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time i {
  font-size: 14px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time i {
    font-size: 0.6360745116vw;
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock {
  color: var(--wc-font-color);
  background: none;
  border: none;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock.ui-widget:not(.pi) {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock.ui-widget:not(.pi) {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock.ui-widget:not(.pi) {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .current-time .ui-clock.ui-widget:not(.pi) {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .miscellaneous .btn-teesheet {
  display: inline-flex;
  align-items: center;
  float: inherit !important;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header label {
  background: transparent;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectonemenu {
  background: transparent;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectonemenu.ui-state-disabled {
  opacity: 1;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectonemenu.activity-type-combo {
  display: flex;
  align-items: center;
  min-width: auto !important;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectonemenu.activity-type-combo .ui-selectonemenu-trigger {
    width: 1.2721490232vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  background: transparent;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0.5rem;
  margin-bottom: 0;
  line-height: normal;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: 0.5452067242vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container label {
  display: block;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  background: var(--white-color);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  border: 0 none;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 100%;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    right: 0;
    top: 0;
    width: 1.590186279vw;
    padding: 0 0.2726033621vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .activity-date-picker .ui-calendar {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .activity-date-picker .ui-calendar {
    padding: 0;
    margin: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .activity-date-picker .ui-calendar input {
  width: 100%;
  margin: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-header .activity-date-picker .ui-calendar input {
    margin: 0px;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-header .activity-date-picker .ui-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
body.wcprop-2 .activities-portlet section.portlet form .btn-teesheet .tooltip {
  position: relative;
  display: block;
}
body.wcprop-2 .activities-portlet section.portlet form .btn-location,
body.wcprop-2 .activities-portlet section.portlet form .btn-groups,
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet,
body.wcprop-2 .activities-portlet section.portlet form .btn-legend {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .btn-location:hover,
body.wcprop-2 .activities-portlet section.portlet form .btn-groups:hover,
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet:hover,
body.wcprop-2 .activities-portlet section.portlet form .btn-legend:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .btn-location:hover, body.wcprop-2 .activities-portlet section.portlet form .btn-location:focus,
body.wcprop-2 .activities-portlet section.portlet form .btn-groups:hover,
body.wcprop-2 .activities-portlet section.portlet form .btn-groups:focus,
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet:hover,
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet:focus,
body.wcprop-2 .activities-portlet section.portlet form .btn-legend:hover,
body.wcprop-2 .activities-portlet section.portlet form .btn-legend:focus {
  text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .btn-location:not([disabled]):not(.disabled):active, body.wcprop-2 .activities-portlet section.portlet form .btn-location:not([disabled]):not(.disabled).active,
body.wcprop-2 .activities-portlet section.portlet form .btn-groups:not([disabled]):not(.disabled):active,
body.wcprop-2 .activities-portlet section.portlet form .btn-groups:not([disabled]):not(.disabled).active,
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet:not([disabled]):not(.disabled):active,
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet:not([disabled]):not(.disabled).active,
body.wcprop-2 .activities-portlet section.portlet form .btn-legend:not([disabled]):not(.disabled):active,
body.wcprop-2 .activities-portlet section.portlet form .btn-legend:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend {
    margin-top: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .btn-location.ui-widget:not(.pi),
body.wcprop-2 .activities-portlet section.portlet form .btn-groups.ui-widget:not(.pi),
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet.ui-widget:not(.pi),
body.wcprop-2 .activities-portlet section.portlet form .btn-legend.ui-widget:not(.pi) {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend.ui-widget:not(.pi) {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend.ui-widget:not(.pi) {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend.ui-widget:not(.pi) {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .btn-location i,
body.wcprop-2 .activities-portlet section.portlet form .btn-groups i,
body.wcprop-2 .activities-portlet section.portlet form .btn-sheet i,
body.wcprop-2 .activities-portlet section.portlet form .btn-legend i {
  font-size: 14px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend i {
    margin-right: 0.2271694684vw;
    font-size: 0.6360745116vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend i {
    font-size: calc((var(--wc-font-size) - 5) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .btn-location i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-groups i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-sheet i,
  body.wcprop-2 .activities-portlet section.portlet form .btn-legend i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered {
  border: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper {
  width: 100%;
  max-height: 750px !important;
  overflow: auto;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper {
    margin-bottom: 0.726942299vw;
    max-height: 34.0754202635vw !important;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper table {
  width: auto;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper table .interval {
  left: 0;
  position: sticky;
  z-index: 9999;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper .slot.reserved .activity-reservation .res-container .res-players {
  margin-bottom: 0.5rem;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper .slot.reserved .activity-reservation .res-container .res-players .player {
  display: flex;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper .slot.reserved .activity-reservation .res-container .res-players .player::before {
  content: "●";
  font-size: 12px;
  padding-right: 5px;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper .slot.reserved .activity-reservation .res-container .res-players .player span {
  display: inline-flex;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper .slot.reserved .activity-reservation .res-container .res-stats {
  display: flex;
  align-items: center;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots.table-bordered > .ui-datatable-tablewrapper .slot.reserved .activity-reservation .res-container .res-stats .res-member-count {
  display: inline-flex;
  align-items: center;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div,
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span {
  position: relative;
  width: 100%;
  height: 100%;
  color: var(--wc-font-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-bottom: 5px;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div,
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.2271694684vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div .event-link,
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span .event-link {
  display: block;
  margin-bottom: 0.5rem;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div .event-link,
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span .event-link {
    margin-bottom: 0.3634711495vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div .event-time,
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span .event-time {
  font-weight: normal;
  margin-bottom: 0;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div .event-time,
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span .event-time {
    margin-bottom: 0;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div.ui-widget:not(.pi),
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span.ui-widget:not(.pi) {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span.ui-widget:not(.pi) {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span.ui-widget:not(.pi) {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span.ui-widget:not(.pi) {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > div > .res-container,
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot > span > .res-container {
  position: relative;
  width: 100%;
  height: 100%;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot:not(.event) > div {
  text-align: center;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot.past-time {
  background-image: url("/o/northstar-portlet/images/activities/icon-past-time.png");
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot.rainout {
  background-image: url("/o/northstar-portlet/images/activities/icon-rainout.png");
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot.rainout.not-available {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot.not-available, body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot.rule-restrict {
  background-image: url("/o/northstar-portlet/images/activities/icon-not-available.png");
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot.user-activity-block {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .slot .available-cont.pull-left {
  float: inherit;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .legends-container {
  text-align: left;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .tooltip .btn-legend {
  text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .legends-container {
  text-align: left;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .tooltip .btn-legend {
  text-decoration: none;
}
body.wcprop-2 .activities-portlet section.portlet form .activity-slots .btn-teesheet .tooltip {
  opacity: 1;
}
body.wcprop-2 .activities-portlet section.portlet form .res-tip-container {
  min-width: 250px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .res-tip-container {
    min-width: 11.3584734212vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .res-tip-container .res-tip-heading {
  background-color: var(--wc-body-bg);
  color: var(--wc-font-color);
  padding: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .res-tip-container .res-tip-heading {
    padding: 0.2271694684vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .res-tip-container .res-tip-body {
  border: 1px solid var(--wc-border-color);
  padding: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .res-tip-container .res-tip-body {
    padding: 0.2271694684vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .form-control {
  display: flex;
  align-items: center;
}
body.wcprop-2 .activities-portlet section.portlet form .calendar-day,
body.wcprop-2 .activities-portlet section.portlet form .calendar-date,
body.wcprop-2 .activities-portlet section.portlet form .calendar-year {
  display: block;
}
body.wcprop-2 .activities-portlet section.portlet form .calendar-day.ui-widget:not(.pi),
body.wcprop-2 .activities-portlet section.portlet form .calendar-date.ui-widget:not(.pi),
body.wcprop-2 .activities-portlet section.portlet form .calendar-year.ui-widget:not(.pi) {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .calendar-day.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .calendar-date.ui-widget:not(.pi),
  body.wcprop-2 .activities-portlet section.portlet form .calendar-year.ui-widget:not(.pi) {
    font-size: 0.9086778737vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  border: none;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
  width: 100%;
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .activity-dialog-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid.ui-grid-responsive.legends {
  padding: 0 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid.ui-grid-responsive.legends {
    padding: 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid.ui-grid-responsive.legends .ui-grid-row .legend {
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid.ui-grid-responsive.legends .ui-grid-row .legend {
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .reservation-types {
  padding: 0 1rem 0.5rem 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .reservation-types {
    padding: 0 0.726942299vw 0.3634711495vw 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .reservation-types .legend.legend-label {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .reservation-types .legend.legend-label {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .reservation-types .ui-grid-row .legend {
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .reservation-types .ui-grid-row .legend {
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact {
  width: 100%;
  margin: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact {
    margin: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 .form-group {
  margin-right: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 .form-group {
    margin: 0.5452067242vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4:last-child .form-group {
  margin-right: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-grid-col-4 .form-group .ui-autocomplete.form-control {
  padding: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-canceldialog-ok {
  background: var(--primary-color);
}
body.wcprop-2 .activities-portlet section.portlet form .ui-dialog.activity-legends-dialog .ui-dialog-content .ui-grid-emergency-contact .ui-grid-row .ui-canceldialog-ok:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container {
  padding: 0;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container {
  padding: 0;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panelgrid .ui-panel-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panelgrid-content .chit-text,
  body.wcprop-2 .activities-portlet section.portlet form .container.activity-confirmation-container .bill-to-member-panel .ui-panel .ui-panel-content .chit-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable h3 {
  margin-top: 20px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable h3 {
    margin-top: 0.9086778737vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs ul {
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs ul {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs ul li.ui-tabs-header {
  padding-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs ul li.ui-tabs-header {
    padding-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels {
  border: none;
  padding: 0;
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-fluid {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-fluid {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid .ui-panelgrid-cell {
  padding: 4px 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid .ui-panelgrid-cell {
    padding: 0.1817355747vw 0px;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid .ui-panelgrid-cell .ui-selectoneradio .ui-radiobutton {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid .ui-panelgrid-cell .ui-selectoneradio .ui-radiobutton {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid .ui-panelgrid-cell .ui-selectoneradio label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid .ui-panelgrid-cell .ui-selectoneradio label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-fluid .ui-grid-col-1 .btn-restore {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-fluid .ui-grid-col-1 .btn-restore {
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-grid-col-8 span {
  display: flex;
  align-content: center;
}
body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-grid-col-8 span .ui-panelgrid-cell.ui-grid-col-8 span input {
  width: max-content;
  margin-right: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .activities-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-grid-col-8 span .ui-panelgrid-cell.ui-grid-col-8 span input {
    margin-right: 0.5452067242vw;
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .btn-group-content {
  display: block;
}
body.wcprop-2 .Addresses-portlet section.portlet .btn-group-content .ui-commandlink.ui-area-btn-primary {
  margin: 0;
  display: inline-block;
}
body.wcprop-2 .Addresses-portlet section.portlet .btn-responsive {
  width: auto;
}
body.wcprop-2 .Addresses-portlet section.portlet .distant {
  padding-right: 0.5rem;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top {
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
    width: 100%;
    margin-bottom: 0.3rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-nav li a {
    border-radius: var(--borderRadius);
    width: 100%;
    display: block;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel table.add-grid tbody tr.add-odd-row .add-odd-col, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel table.add-grid tbody tr.add-even-row .add-odd-col {
    width: 100%;
    display: block;
    border-bottom: none;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel table.add-grid tbody tr.add-odd-row .add-even-col, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel table.add-grid tbody tr.add-even-row .add-even-col {
    width: 100%;
    display: block;
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel table.add-grid tbody tr.add-odd-row br, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel table.add-grid tbody tr.add-even-row br {
  display: none;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry:hover, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry:hover, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link:hover, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry:focus, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link:focus {
  text-decoration: none;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry:not([disabled]):not(.disabled):active, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link:not([disabled]):not(.disabled):active, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn.ui-area-btn-secondry:not([disabled]):not(.disabled).active, body.wcprop-2 .Addresses-portlet section.portlet .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .ui-grid .btn-responsive .ui-area-btn-secondry.events-cal-link:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content {
  display: flex;
  flex-wrap: wrap;
  border-radius: var(--borderRadius);
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row {
  flex-direction: column;
  width: calc(50% - 0.5rem);
  margin-right: 0.5rem;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row {
    margin-right: 0.3634711495vw;
    margin-left: 0;
    width: calc(50% - 0.3634711495vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row:nth-of-type(2n + 2) {
  margin-right: 0;
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row:nth-of-type(2n + 2) {
    margin-right: 0;
    margin-left: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row:nth-of-type(2n + 2) {
    margin-left: 0;
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell {
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0;
  display: block;
  margin-bottom: 0.8rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.5815538392vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell:first-child {
  font-weight: 600;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell .mandatory {
  color: var(--btn-danger);
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell input {
  width: 100%;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row .ui-panelgrid-cell .ui-selectonemenu {
  min-width: initial !important;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row:nth-last-of-type(2) .ui-panelgrid-cell:last-child, body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row:last-child .ui-panelgrid-cell:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row:nth-last-of-type(2) .ui-panelgrid-cell:last-child, body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid .add-grid-view .ui-panelgrid-content > .ui-grid-row:last-child .ui-panelgrid-cell:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-fluid ~ hr {
  display: none;
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion {
  margin-top: 1rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion .ui-accordion-content {
    padding: 0.5rem;
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion .ui-accordion-content > hr {
  display: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion table.add-grid tbody tr.add-odd-row .add-odd-col, body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion table.add-grid tbody tr.add-even-row .add-odd-col {
    width: 100%;
    display: block;
    border-bottom: none;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion table.add-grid tbody tr.add-odd-row .add-even-col, body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion table.add-grid tbody tr.add-even-row .add-even-col {
    width: 100%;
    display: block;
  }
}
body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion table.add-grid tbody tr.add-odd-row br, body.wcprop-2 .Addresses-portlet section.portlet .ui-accordion table.add-grid tbody tr.add-even-row br {
  display: none;
}
body.wcprop-2 .Addresses-portlet section.portlet .portlet-content-editable .ui-grid-row {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .Addresses-portlet section.portlet .portlet-content-editable .ui-grid-row {
    margin-bottom: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .portlet-content-editable .ui-grid-row {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .Addresses-portlet section.portlet .portlet-content-editable .ui-grid-row {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-datalist-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-datagrid-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-datalist .ui-panel-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-datalist .ui-datalist-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-datalist .ui-datagrid-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-datagrid .ui-panel-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-datagrid .ui-datalist-content,
body.wcprop-2 .announcement-portlet section.portlet .ui-datagrid .ui-datagrid-content {
  border: transparent;
  padding: 0em;
  background: transparent;
  line-height: normal;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ann-action-buttons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ann-action-buttons ~ br {
  display: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ann-add-new-btn-pnl a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ann-add-new-btn-pnl ~ br {
  display: block;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
    padding-bottom: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 none;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row {
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row {
    margin-bottom: 0.6815084053vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-3,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-2 {
    width: calc(33.333% - 10px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-3,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-2 {
    width: 100%;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-3.distant,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-2.distant {
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-3.distant,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-2.distant {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-3.distant input,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-2.distant input {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-3.distant input,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-2.distant input {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-3 a i.distant,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-grid-col-2 a i.distant {
  margin-right: 10px;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-success, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-commandlink.btn-block.ui-area-btn-success.events-cal-link, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link {
  margin: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-search-btn-container,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-reset-btn-container {
  width: auto;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-search-btn-container .ui-commandlink.ui-area-btn, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-search-btn-container .ui-commandlink.events-cal-link,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-reset-btn-container .ui-commandlink.ui-area-btn,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-reset-btn-container .ui-commandlink.events-cal-link {
  height: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-search-btn-container .ui-commandlink.ui-area-btn, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-search-btn-container .ui-commandlink.events-cal-link,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-reset-btn-container .ui-commandlink.ui-area-btn,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-grid .ui-grid-row .announcement-search-container .announcement-reset-btn-container .ui-commandlink.events-cal-link {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item {
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item {
    padding-bottom: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 none;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 .layoutFour.announcement-slots .announcement-title {
  font-weight: 600;
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
  display: block;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 .layoutFour.announcement-slots .announcement-title {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 .layoutFour.announcement-slots .announcement-title {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 .layoutFour.announcement-slots .announcement-title {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media only screen and (max-width: 1299px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 .layoutFour.announcement-slots .announcement-title {
    font-size: calc((var(--wc-fs-heading3) - 8) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 .layoutFour.announcement-slots .announcement-short-description {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-slots-container .ui-datalist-item .ui-g .ui-panelgrid-cell.ui-g-12 .layoutFour.announcement-slots .announcement-short-description {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .bx-wrapper {
  position: relative;
  padding: 0;
  zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  box-shadow: none;
  border: transparent;
  background: transparent;
  margin: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-actions.row {
  margin: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-actions.row i {
  font-size: calc(var(--wc-font-size) * 1px);
  margin: 0px 4px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-actions.row i {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0px 0.1817355747vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation {
  border: transparent !important;
  padding: 1.25rem 2rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation {
    padding: 0.9086778737vw 1.4538845979vw !important;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .count.announcement-count {
  font-size: calc(var(--wc-font-size) * 1px);
  height: 30px;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .count.announcement-count {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: 1.3630168105vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .count.announcement-count b {
  margin-right: 4px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .count.announcement-count b {
    margin-right: 0.1817355747vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-prev,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-next {
  padding: 0 4px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-prev,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-next {
    padding: 0 0.1817355747vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-prev i,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-next i {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  border: 2px solid var(--white-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-prev i,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .navigation.announcement-controls .slick-next i {
    height: 1.3630168105vw;
    width: 1.3630168105vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-content .announcement-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: var(--wc-h-margin);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-content .announcement-title {
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-content .announcement-short-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image {
  position: relative;
  height: 0;
  padding-bottom: 30%;
  width: 100%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image {
    height: auto;
    padding-bottom: initial;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1650px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image {
    padding-bottom: 45%;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image a {
  padding: 0;
  position: unset;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image a h3 {
  margin-bottom: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image img {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 400px) !important;
  height: 100%;
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image img {
    width: calc(100% - 18.1735574739vw) !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image img {
    position: relative;
    border-radius: 0px;
    width: 100% !important;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow {
  margin: 20px 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details:hover, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details:focus {
  text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details:not([disabled]):not(.disabled):active, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media only screen and (min-width: 992px) and (max-width: 1570.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .slider.image .slide.image .ui-link.ui-widget.arrow .announcement-details {
    padding: 10px 14px;
    font-size: calc(var(--wc-font-size) * 1px - 2px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .left-side-view {
  margin: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .left-side-view .slide .content {
  background: var(--wc-overlay-bg);
  min-height: 100%;
  width: 400px;
  position: absolute;
  height: 100%;
  padding: 15px 30px 50px;
  top: 0;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .left-side-view .slide .content {
    width: 18.1735574739vw;
    padding: 0.6815084053vw 1.3630168105vw 2.2716946842vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .left-side-view .slide .content {
    width: 65%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .left-side-view .slide .content {
    width: 100%;
    position: relative;
    min-height: auto;
    height: auto;
    padding: 20px 20px 40px 20px;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog {
  overflow-y: auto;
  max-height: 80%;
  position: fixed;
  width: 60% !important;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-dialog-content {
  flex-direction: column;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-dialog-content .ui-button {
  border-radius: 0px;
  width: auto;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-dialog-content .ui-button .ui-icon {
  color: var(--btn-text-color);
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-dialog-content .btn-responsive {
  width: auto;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-dialog-titlebar {
  background: var(--primary-color);
  color: var(--white-color);
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
  color: var(--white-color);
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-calendar .ui-button.ui-button-icon-only {
  height: 44px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-dialog .ui-calendar .ui-button.ui-button-icon-only {
    height: 1.9990913221vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-panelgrid .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .content-bottom .announcement-content .announcement-title {
  -webkit-line-clamp: 1;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-with-banner {
  margin: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-with-banner .content {
  padding: 20px 150px 20px 20px;
  background: var(--wc-overlay-bg);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-with-banner .content {
    padding: 0.9086778737vw 6.8150840527vw 0.9086778737vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-with-banner .content {
    width: 100%;
    position: relative;
    min-height: auto;
    height: auto;
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .announcement-with-banner .content .navigation {
    top: auto;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table {
  width: auto;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr {
  background: transparent;
  border: transparent;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td {
  padding: 8px;
  vertical-align: middle;
  background: transparent;
  border: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell > span {
  display: flex;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell .ann-view2-title-des tbody tr td {
  padding-top: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell .distant {
  color: #aeaeae;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: normal;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell .distant {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell .ui-commandlink {
  display: flex;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell .ui-commandlink .announcementTitle {
  cursor: pointer;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell .announcementTitle {
  font-weight: 600;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td.ui-panelgrid-cell .announcementTitle {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td img {
  width: 12px;
  height: 12px;
  vertical-align: initial;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td img {
    height: 0.5452067242vw;
    width: 0.5452067242vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td img.imageHeight.distant {
  height: 150px !important;
  width: 150px !important;
  object-fit: cover;
  margin-right: 15px;
  border-radius: var(--borderRadius);
  background: transparent;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td img.imageHeight.distant {
    height: 6.8150840527vw !important;
    width: 6.8150840527vw !important;
    margin-right: 0.6815084053vw;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td img.imageHeight.distant {
    margin-right: 0px;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td label,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .announcementTitle {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-bottom: 0;
  color: #aeaeae;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td label,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .announcementTitle {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan a,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan .layoutTwoTitle {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan .layoutTwoTitle {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan .layoutTwoTitle {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan .layoutTwoTitle {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media only screen and (max-width: 1299px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentSpan .layoutTwoTitle {
    font-size: calc((var(--wc-fs-heading3) - 8) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc {
  margin-bottom: 15px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc {
    margin-bottom: 0.6815084053vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc a,
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc .layoutTwoShorDes {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc .layoutTwoShorDes {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc .layoutTwoShorDes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc .layoutTwoShorDes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc a,
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item table tbody tr td .layoutTwoContentShortDesc .layoutTwoShorDes {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog {
  font-family: var(--wc-font-family);
  width: 60% !important;
  top: 30% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  border-radius: var(--borderRadius);
  overflow: hidden;
  background-color: var(--white-color);
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog {
    width: 95% !important;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon::before {
  content: var(--close-icon);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-content {
  padding: 0.75rem;
  border: none;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-content span.ui-confirm-dialog-severity.ui-icon {
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  margin-right: 5px;
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-content span.ui-confirm-dialog-message {
  line-height: 1.4;
  width: calc(100% - 30px);
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer {
  border: none;
  border-top: 1px solid var(--wc-border-color);
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive {
  width: auto;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive {
    margin: 0.5rem 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:hover, body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:focus {
  text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:not([disabled]):not(.disabled):active, body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-yes:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0 0 0 0.5rem;
  background: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:hover, body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:focus {
  text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled):active, body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .announcement-content-dialog.ui-dialog .ui-dialog-footer .ui-grid-responsive .btn-responsive .ui-confirmdialog-no {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category.col-3 {
    flex: 0 0 100%;
    max-width: 100%;
    clear: both;
    margin-bottom: 25px;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category #category-head {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading4) * 1px);
  margin-bottom: var(--wc-h-margin);
  font-weight: 600;
  color: var(--heading-color4);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category #category-head {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category #category-head {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category #category-head {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category #category-head {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category #category-head {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category #category-head {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu {
  list-style: none;
  margin: 0;
  padding: 12px;
  background: var(--wc-body-bg);
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu {
    padding: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu {
    height: auto;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li {
  padding: 15px 0;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li {
    padding: 0.6815084053vw 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li:last-child {
  border-bottom: transparent;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li a {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-family: var(--wc-font-family);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li a {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content #announcement-category .announcement-category-menu li.ann-selected-category a {
  color: var(--primary-color);
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .col-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-pic img {
  width: 100% !important;
  height: auto !important;
  max-height: inherit !important;
  border-radius: var(--borderRadius);
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-pic.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content.col-5 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget:not(.pi),
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget .ui-widget:not(.pi) {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget .ui-widget:not(.pi) {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h5 .layoutTwoTitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 {
  margin-bottom: 0;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget:not(.pi),
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget .ui-widget:not(.pi) {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: #aeaeae;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget:not(.pi),
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content h6 .ui-widget .ui-widget:not(.pi) {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content .ann-cat-view-des {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content .ann-cat-view-des {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content .ann-cat-view-des {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content .ann-cat-view-des {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item .announcement-content .ann-cat-view-des {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-data .ui-datalist-item hr {
  border-top: 1px solid var(--wc-border-color);
  display: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing {
    margin-left: -0.5452067242vw;
    margin-right: -0.5452067242vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .left {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .left {
    padding-left: 0.5452067242vw;
    padding-right: 0.5452067242vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .left {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .right {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .right {
    padding-left: 0.5452067242vw;
    padding-right: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-image {
  height: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-image {
    margin-bottom: 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-image img {
  width: 100%;
  border-radius: var(--borderRadius);
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-title {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-title {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-date {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: #aeaeae;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-date {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-date {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-date {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-date {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-short-description {
  font-weight: normal;
  padding-bottom: 0.8rem;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .ui-commandlink.arrow {
  display: flex;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details:hover, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details:focus {
  text-decoration: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details:not([disabled]):not(.disabled):active, body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-details {
    margin-top: 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-datalist-item .news-listing .announcement-content-padding .announcement-actions.distant-left {
  margin-top: 12px;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ui-g {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box {
  padding: 12px;
  background: var(--wc-body-bg);
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 0 !important;
  height: 100%;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-img {
  width: 100% !important;
  position: relative;
  height: 0 !important;
  padding-bottom: 70%;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border-radius: var(--borderRadius);
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: center;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .announcement-date {
  display: block;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .announcement-date {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .announcement-date label {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-bottom: 0;
  color: #aeaeae;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .announcement-date label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .announcement-date label {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .announcement-date label {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .announcement-date label {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-title .ann-view9-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 8px 0;
  line-height: normal;
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-title .ann-view9-title {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-title .ann-view9-title {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-title .ann-view9-title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-title .ann-view9-title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-title .ann-view9-title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-title .ann-view9-title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-short-desc {
  margin-bottom: var(--wc-h-margin);
}
body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-short-desc .ann-view9-short-desc {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-short-desc .ann-view9-short-desc {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-short-desc .ann-view9-short-desc {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-short-desc .ann-view9-short-desc {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-widget-content .ann-view9-grid .ann-view9-grid-box .ann-view9-content .ann-view9-content-short-desc .ann-view9-short-desc {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-g {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-perspective: 1000;
  perspective: 1000;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  width: 100%;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar {
  background: var(--wc-overlay-bg);
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
  min-width: 100%;
  color: var(--bg-text-color);
  padding: 1rem 0;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar {
    padding: 0.726942299vw;
    margin: 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls {
  padding: 0 1rem;
  border-right: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls ul li.announcement-pagination {
  font-size: calc(var(--wc-font-size) * 1px);
  width: 100%;
  color: var(--bg-text-color);
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls ul li.announcement-pagination {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls ul li a {
  display: flex;
  color: var(--bg-text-color);
  padding: 0 0.5rem 0 0;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls ul li a {
    padding: 0 0.3634711495vw 0 0;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls ul li a i {
  font-size: 24px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-controls ul li a i {
    font-size: 1.0904134484vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description {
  padding: 0 1rem;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description span {
  margin-left: 0;
  color: var(--bg-text-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description span {
    margin-left: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description span.announcement-title {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  margin-bottom: 0.8rem;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description span.announcement-title {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.5815538392vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description span.announcement-short-description {
  display: flex;
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description span.announcement-short-description {
    margin-bottom: 0.3634711495vw;
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description .ui-commandlink {
  border-bottom: 1px solid var(--white-color);
  display: inline-flex;
  padding-bottom: 0.25rem;
  color: var(--bg-text-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description .ui-commandlink {
    padding-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description .ui-commandlink:hover {
  border-color: var(--primary-color);
}
body.wcprop-2 .announcement-portlet section.portlet .ui-panel .ui-panel-content .bx-wrapper .bx-viewport ul li .announcement.layout6 .announcement-bottom-bar .announcement-description .ui-commandlink .announcement-details {
  color: inherit;
}
body.wcprop-2 .portlet-blogs section.portlet {
  /*css from admin view*/
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-header h3.header-title span {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-header h3.header-title span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-header h3.header-title span {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-header h3.header-title span {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-header h3.header-title span {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet h3.title {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet h3.title {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .portlet-blogs section.portlet h3.title a {
  color: var(--heading-color5);
}
body.wcprop-2 .portlet-blogs section.portlet h4.sub-title {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--heading-color6);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet h4.sub-title {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h4.sub-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h4.sub-title {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet h4.sub-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content {
  display: flex;
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border-right: 1px solid var(--wc-border-color);
  color: #aeaeae;
  padding: 0 0.8rem 0 0;
  margin-right: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0 0.5452067242vw 0 0;
    margin-right: 0.5452067242vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element.rating-off {
  opacity: 0.5;
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content a {
  background: transparent;
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content a:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-blogs section.portlet .sticker {
  width: 2rem;
  height: 2rem;
  align-items: center;
  border-radius: 100px;
  line-height: normal;
  display: inline-flex;
  justify-content: center;
  position: relative;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .sticker {
    width: 2.2716946842vw;
    height: 2.2716946842vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .sticker .sticker-overlay {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  border-radius: 100px;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .sticker .sticker-overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .sticker.user-icon-color-5 {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label {
  font-weight: 400;
  -webkit-text-transform: capitalize !important;
  -moz-text-transform: capitalize !important;
  -ms-text-transform: capitalize !important;
  text-transform: capitalize !important;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--BtnborderRadius);
  min-height: auto;
  padding: 0.5rem 1.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 1.0904134484vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label:hover {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label:focus {
  box-shadow: none;
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label .label-item {
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label .label-item {
    margin-bottom: 0;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label .label-item-after {
  margin-left: 0.75rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label .label-item-after {
    margin-left: 0.5452067242vw;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .taglib-categorization-filter .label .label-item-after svg .lexicon-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .entry-tags .taglib-asset-tags-summary .label {
  font-weight: 400;
  -webkit-text-transform: capitalize !important;
  -moz-text-transform: capitalize !important;
  -ms-text-transform: capitalize !important;
  text-transform: capitalize !important;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--BtnborderRadius);
  min-height: auto;
  padding: 0.5rem 1.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-tags .taglib-asset-tags-summary .label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 1.0904134484vw;
    margin-right: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-tags .taglib-asset-tags-summary .label {
    padding: 0.5rem 1rem;
    margin-right: 0.3rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry-tags .taglib-asset-tags-summary .label:hover, body.wcprop-2 .portlet-blogs section.portlet .entry-tags .taglib-asset-tags-summary .label:focus {
  text-decoration: none;
  box-shadow: none;
}
body.wcprop-2 .portlet-blogs section.portlet .entry-tags .taglib-asset-tags-summary .label:last-child {
  margin-right: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-metadata {
  margin-bottom: 1rem;
  align-items: center;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-metadata {
    margin-bottom: 0.726942299vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-metadata {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-metadata .inline-item-before {
  margin-right: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-metadata .inline-item-before .sticker {
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
  background-color: var(--white-color);
  width: 2rem;
  height: 2rem;
  line-height: normal;
  font-size: 1rem;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-metadata .inline-item-before .sticker {
    margin-right: 0.726942299vw;
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-metadata .inline-item-before .sticker .inline-item svg.lexicon-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .widget-metadata .text-truncate-inline a.text-truncate.username {
  color: var(--primary-color);
  font-weight: 600;
  margin-bottom: 0.15rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-metadata .text-truncate-inline a.text-truncate.username {
    margin-bottom: 0.1135847342vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry-title {
  margin-bottom: 0.25rem;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-title {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 {
  font-size: calc(var(--wc-fs-heading4) * 1px);
  color: var(--heading-color4);
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry-title h2 a {
  color: var(--heading-color4);
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body {
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0 0 1rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  line-height: 1.5;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body {
    font-size: var(--wc-mobile-font-size);
    flex-wrap: wrap;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body:not(:first-child) * {
  flex: 0 1 auto;
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .sticker {
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
  background-color: var(--white-color);
  align-items: center;
  width: 2rem;
  height: 2rem;
  line-height: normal;
  font-size: 1rem;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .sticker {
    margin-right: 0.726942299vw;
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .sticker .inline-item svg.lexicon-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .entry-info.text-muted.text-muted {
  margin: 0;
  align-items: center;
  display: flex;
  order: 2;
  flex: 0 0 auto;
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .entry-info.text-muted.text-muted {
    margin: 0;
    margin-left: auto;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .entry-info.text-muted.text-muted small {
  font-size: 80%;
  color: #aeaeae;
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .entry-info.text-muted.text-muted small strong {
  background-color: var(--wc-font-color);
  color: var(--white-color);
  padding: 0.25rem;
  border-radius: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .entry-info.text-muted.text-muted small strong {
    padding: 0.1817355747vw;
    border-radius: 3px;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body div.asset-small-image {
  flex: 1 0 auto;
  max-width: 325px;
  margin-right: 1rem;
  padding-bottom: 21%;
  height: 0;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body div.asset-small-image {
    max-width: 14.7660154475vw;
    margin-right: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body div.asset-small-image {
    margin: 0;
    max-width: initial;
    padding-bottom: 45%;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body div.asset-small-image .asset-small-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body .quote a {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-body p {
  line-height: 1.5;
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer {
  display: flex;
  border-top: 1px solid var(--wc-border-color);
  padding-top: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer {
    padding-top: 0.726942299vw;
    margin-bottom: 0.2726033621vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social {
  float: inherit;
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments {
  margin: 0;
  padding: 0;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments {
    margin: 0;
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a {
  display: flex;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: #aeaeae;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a i {
  order: 2;
  font-family: var(--wc-font-family);
  width: auto;
  height: auto;
  line-height: normal;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a i {
    width: auto;
    height: auto;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a i::before {
  content: "Comments";
}
body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a span {
  order: 1;
  width: 1rem;
  height: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .entry .entry-footer .entry-social .comments a span {
    width: 0.726942299vw;
    height: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .separator {
  border-top: 1px solid var(--wc-border-color);
  margin-top: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .separator {
    margin-top: 0.726942299vw;
    margin-bottom: 1.4538845979vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .autofit-section .portlet-icon-back {
  border: 1px solid var(--wc-border-color);
  border-radius: 100%;
  font-size: 12px;
  width: 2rem;
  height: 2rem;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .autofit-section .portlet-icon-back {
    font-size: 0.5452067242vw;
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar {
  border-top: 1px solid var(--wc-border-color);
  border-bottom: 1px solid var(--wc-border-color);
  margin-top: 0;
  margin-bottom: 2rem;
  padding: 1rem 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar {
    padding: 0.726942299vw 0 0.726942299vw;
    margin-top: 0;
    margin-bottom: 1.4538845979vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar {
    padding: 0.75rem 0;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col {
  padding-left: 0;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col {
    padding-left: 0;
    margin-left: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary {
  padding: 0 0.8rem 0 0;
  margin-right: 0.8rem;
  margin-top: 0;
  background-color: transparent;
  color: #aeaeae;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: normal;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  border-right: 1px solid var(--wc-border-color);
  border-radius: 0;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary {
    margin-right: 0.5452067242vw;
    margin-top: 0;
    padding: 0 0.5452067242vw 0 0;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before button {
  background: transparent;
  color: #aeaeae;
  padding: 0;
  line-height: normal;
  width: auto;
  height: auto;
  border-right: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before button {
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before button:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before button svg {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before button svg {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before button svg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary .inline-item-before button svg {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary:hover, body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-primary {
    margin: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .lexicon-icon {
  display: flex;
  fill: currentColor;
  width: 1em;
  height: 1em;
  margin-top: 0px;
  vertical-align: middle;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col .lexicon-icon {
    width: 0.726942299vw;
    height: 0.726942299vw;
    margin-top: 0px;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks {
  display: flex;
  align-items: center;
  height: 100%;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li {
  display: flex;
  padding: 0;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li {
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a {
  background: transparent;
  color: #aeaeae;
  line-height: normal;
  width: auto;
  height: auto;
  padding: 0 0.8rem 0 0;
  margin-right: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a {
    padding: 0 0.5452067242vw 0 0;
    margin-right: 0.5452067242vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a svg {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a svg {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a svg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a svg {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a img {
  filter: opacity(0.4);
  width: 16px;
  height: 16px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a img {
    width: 0.726942299vw;
    height: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li a img:hover {
  filter: opacity(0.8);
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li.taglib-social-bookmark-twitter a {
  color: #1da1f2;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li.taglib-social-bookmark-facebook a {
  color: #4267b2;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks ul li.taglib-social-bookmark-linkedin a {
  color: #0077b5;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown {
  display: flex;
  padding-left: 0;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown {
    padding-left: 0;
    margin: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown button {
  background: transparent;
  color: #aeaeae;
  padding: 0;
  line-height: normal;
  width: auto;
  height: auto;
  border-right: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown button {
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown button:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown button svg {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown button svg {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown button svg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown button svg {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary:hover, body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-toolbar .autofit-col-end .btn-outline-primary {
    margin: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group {
    margin-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  background-color: transparent;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary:hover, body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-outline-secondary {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary:hover, body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-header .btn-group .btn-group-item .btn-secondary {
    margin: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple > .widget-mode-simple-entry > .widget-content > .row > .col-sm-12:last-child {
  color: var(--secondary-color);
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: 600;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 0.8px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 1rem;
  right: 0;
  width: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple > .widget-mode-simple-entry > .widget-content > .row > .col-sm-12:last-child {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
    margin: 0;
    padding: 0;
    bottom: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple > .widget-mode-simple-entry > .widget-content > .row > .col-sm-12:last-child {
    font-size: var(--wc-mobile-font-size);
    position: inherit;
    padding-left: 12px;
    margin-top: 1.5rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry {
  margin-bottom: 2.5rem;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry {
    margin-bottom: 1.4538845979vw;
    padding-bottom: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-topbar {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-topbar {
    margin-top: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-content {
  line-height: 1.5;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-content .widget-toolbar {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-content .widget-toolbar {
    margin-top: 1.0904134484vw;
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-content .cover-image {
  padding-bottom: 30%;
  margin-bottom: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-content .cover-image {
    margin-bottom: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .widget-content .cover-image {
    padding-bottom: 60%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .entry-tags {
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-mode-simple-entry .entry-tags {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .separator {
  margin-top: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .separator {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .col-sm-3 .cover-image {
  padding-bottom: 90%;
  margin-bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .col-sm-3 .cover-image {
    padding-bottom: 35%;
    margin-bottom: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .col-sm-3 .cover-image {
    padding-bottom: 60%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .widget-metadata {
  align-items: center;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .widget-metadata {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .widget-metadata .entry-date {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: #aeaeae;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .widget-metadata .entry-date {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .widget-metadata .entry-date {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .widget-metadata .entry-date.text-secondary {
  color: #aeaeae !important;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content h3 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content h3 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content h3 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content h3 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content h3 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content h3 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .blog-content h3 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  display: inline-flex;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more:hover, body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple .widget-content .text-left a.read-more {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-simple hr {
  display: none;
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .container {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .container {
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .aspect-ratio {
  padding-bottom: 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .aspect-ratio {
    padding-bottom: 35%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .aspect-ratio {
    padding-bottom: 60%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .aspect-ratio.cover-image {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .aspect-ratio.cover-image {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata .inline-item-before {
  margin-right: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata .inline-item-before .sticker-lg {
  width: 45px;
  height: 45px;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata .inline-item-before .sticker-lg {
    width: 2.0445252158vw;
    height: 2.0445252158vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-right: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata .inline-item-before .sticker-lg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata .inline-item-before .sticker-lg {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata a,
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata div {
  color: #aeaeae;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata a,
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata div {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata a,
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata div {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata a .text-truncate.username,
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .widget-metadata div .text-truncate.username {
  color: var(--primary-color);
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .dropdown-action {
  display: flex;
  font-size: 14px;
  vertical-align: middle;
  align-items: center;
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .dropdown-action .lexicon-icon {
  color: var(--wc-font-color);
  fill: currentColor;
  height: 1em;
  width: 1em;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .dropdown-action .lexicon-icon {
    height: 0.726942299vw;
    width: 0.726942299vw;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto {
  margin-left: 0 !important;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto .cover-image-caption {
  color: var(--wc-font-color);
  margin-bottom: 1rem;
  text-align: left;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto .cover-image-caption {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto .cover-image-caption .small p {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto .cover-image-caption .small p {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto .cover-image-caption .small p {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto.widget-mode-detail-text {
  margin-top: 0px;
  margin-bottom: 1rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: 1.5;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto.widget-mode-detail-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto.widget-mode-detail-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto.widget-mode-detail-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto.widget-mode-detail {
  padding-top: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto {
  margin-left: 0 !important;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto.widget-mode-detail {
  padding-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto.widget-mode-detail {
    padding-top: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto .cover-image-caption {
  color: var(--wc-font-color);
  margin-bottom: 1rem;
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto .cover-image-caption {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto .cover-image-caption {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto .cover-image-caption .small p {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto .cover-image-caption .small p {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .row .col-md-8.mx-auto .cover-image-caption .small p {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 {
  margin-left: 0 !important;
  padding: 0;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section {
  padding: 0.5rem 0;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion {
  font-size: inherit;
  margin: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  overflow: hidden;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 {
  background-color: var(--wc-body-bg);
  padding: 0.75rem;
  margin-bottom: 0rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 {
    padding: 0.5452067242vw;
    margin-bottom: 0vw !important;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .text-secondary {
  color: var(--wc-font-color);
  justify-content: center;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
  padding: 6px 14px;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:hover, body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    margin: 0;
    padding: 0.2726033621vw 0.6360745116vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container {
  padding: 0.75rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container {
    padding: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container {
    padding: 0.5rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker {
  width: 50px;
  height: 50px;
  align-items: center;
  border-radius: 100px;
  line-height: normal;
  display: inline-flex;
  justify-content: center;
  position: relative;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker {
    width: 2.2716946842vw;
    height: 2.2716946842vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker {
    width: 40px;
    height: 40px;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker.user-icon-color-5 {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-editor .button-holder {
  margin: 1rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-editor .button-holder {
    margin: 0.726942299vw 0 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment span,
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment p {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment span,
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment p {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment span,
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment p {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion {
    margin-top: 1.0904134484vw;
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion:first-of-type {
  border-top: none;
  padding-top: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container {
  margin-bottom: 1rem;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .autofit-col .sticker {
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
  background-color: var(--white-color);
  width: 2rem;
  height: 2rem;
  line-height: normal;
  font-size: 1rem;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .autofit-col .sticker {
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .autofit-col .sticker .inline-item svg.lexicon-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  line-height: var(--wc-base-lineHeight);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body {
  padding-left: 3rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body {
    padding-left: 2.1808268969vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls {
  border-bottom: 1px solid var(--wc-border-color);
  border-top: 1px solid var(--wc-border-color);
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls {
    padding-top: 0.3634711495vw;
    padding-bottom: 0.726942299vw;
    margin-top: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls {
    padding: 0.75rem 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary {
  padding: 0 0.8rem 0 0;
  margin-right: 0.8rem;
  background-color: transparent;
  color: #aeaeae;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: normal;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  border-right: 1px solid var(--wc-border-color);
  border-radius: 0;
  display: flex;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary {
    margin-right: 0.5452067242vw;
    padding: 0 0.5452067242vw 0 0;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button {
  background: transparent;
  color: #aeaeae;
  padding: 0;
  line-height: normal;
  width: auto;
  height: auto;
  border-right: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button {
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-borderless {
  margin-left: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid .row .col-md-8.col-md-offset-2 section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-borderless {
    margin-left: 0;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card {
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-header {
  padding: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-header .aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 60%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-header .aspect-ratio.aspect-ratio-8-to-3 {
    padding-bottom: 35%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-header .aspect-ratio.aspect-ratio-8-to-3 {
    padding-bottom: 60%;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-header .aspect-ratio.aspect-ratio-8-to-3 img.aspect-ratio-item-center-middle {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  object-fit: cover;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar .widget-metadata {
  margin-bottom: 1rem;
  color: #aeaeae;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar .widget-metadata {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar p.widget-resume {
  line-height: 1.5;
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-footer {
  padding: 1rem;
  background-color: transparent;
  border-top: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-footer {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-footer .card-row .widget-toolbar {
  border-top: none;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-footer .card-row .widget-toolbar {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-footer .card-row .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown .btn-outline-secondary {
  margin-right: 0;
  border-radius: 0;
  background-color: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .widget-mode-card .card .card-footer .card-row .widget-toolbar .autofit-col-end .taglib-social-bookmarks .dropdown .btn-outline-secondary {
    margin-right: 0;
    border-radius: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 {
  padding: 0px;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 {
    padding: 0px;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .entry-options {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .entry-options {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .entry-options .status {
  text-align: left;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .entry-options .status {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .entry-options .status .text-capitalize.text-muted {
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .entry-options .status .text-capitalize.text-muted {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal {
  margin-bottom: 1.5rem;
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-cover-image-selector .change-image-controls {
  right: 0.5rem;
  left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-cover-image-selector .change-image-controls {
    right: 0.3634711495vw;
    left: auto;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-cover-image-selector .image-wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  padding-bottom: 40%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-cover-image-selector .image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 {
  width: 100%;
  margin-left: 0;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 {
    margin-left: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .cover-image-caption {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .cover-image-caption {
    margin-top: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .cover-image-caption .alloy-editor {
  text-align: left;
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-title {
  line-height: normal;
  margin-bottom: 1rem;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-title {
    margin-bottom: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-title {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-title {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-title p {
  line-height: normal;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-subtitle {
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-subtitle {
    margin-top: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-subtitle .alloy-editor {
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-subtitle {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-subtitle {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-subtitle {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .col-md-8.col-md-offset-2 .entry-subtitle p {
  line-height: normal;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown {
  display: flex;
  flex-wrap: wrap;
  word-wrap: break-word;
  width: 100%;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group {
  padding: 0;
  margin: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group {
    padding: 0;
    margin: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label {
  font-weight: 400;
  -webkit-text-transform: capitalize !important;
  -moz-text-transform: capitalize !important;
  -ms-text-transform: capitalize !important;
  text-transform: capitalize !important;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--BtnborderRadius);
  min-height: auto;
  padding: 0.5rem 1.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 1.0904134484vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label:hover {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label:focus {
  box-shadow: none;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label .label-item {
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label .label-item {
    margin-bottom: 0;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label .label-item-after {
  margin-left: 0.75rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label .label-item-after {
    margin-left: 0.5452067242vw;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group .label .label-item-after svg .lexicon-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group input.form-control-inset {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control.form-control-tag-group input.form-control-inset {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .btn {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-group .btn {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .radio label {
  min-height: inherit;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .radio label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector {
  width: 200px;
  float: inherit;
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector {
    width: 9.0867787369vw;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector {
  min-height: 150px;
  position: relative;
  padding: 0;
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector {
    min-height: 6.8150840527vw;
    padding: 0;
    height: auto;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector .image-wrapper img {
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 70px;
  object-fit: cover;
  margin: 0 auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector .image-wrapper img {
    min-height: 3.1803725579vw;
    margin: 0 auto;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector {
  min-height: 150px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector {
    min-height: 6.8150840527vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector .change-image-controls {
  position: absolute;
  bottom: 10px;
  right: 0px;
  left: 0px;
  text-align: left;
  padding: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .lfr-blogs-small-image-selector .taglib-image-selector .change-image-controls {
    bottom: 0.4543389368vw;
    right: 0px;
    left: 0px;
    padding: 0px;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .form-text {
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .form-text {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-checkbox-wrapper .toggle-switch-handle::after {
  font-size: 0.6360745116vw;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-tags-selector-content .form-group .input-checkbox-wrapper .toggle-switch-handle::after {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-icon-menu.select-existing-selector {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-icon-menu.select-existing-selector {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-search-container-wrapper .component.searchcontainer .searchcontainer-content .table-responsive table tr td {
  position: inherit;
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-small-image-selector {
  margin-top: 0.5rem;
  width: 300px;
  float: inherit;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-small-image-selector {
    margin-top: 0.3634711495vw;
    width: 13.6301681054vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-small-image-selector .taglib-image-selector {
  min-height: 200px;
  height: 100%;
  position: relative;
  justify-content: center;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-small-image-selector .taglib-image-selector {
    min-height: 9.0867787369vw;
    padding: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-small-image-selector .taglib-image-selector .image-wrapper img {
  width: 100%;
  height: auto;
  min-height: 130px;
  object-fit: cover;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel-body .lfr-blogs-small-image-selector .taglib-image-selector .image-wrapper img {
    min-height: 5.906406179vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title {
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title .collapse-icon {
  color: inherit;
  display: block;
  padding: 0.75rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title .collapse-icon {
    padding: 0.5452067242vw 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title .collapse-icon .lexicon-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  fill: currentColor;
  width: 0.75em;
  height: 1em;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title .collapse-icon .lexicon-icon {
    width: 0.5452067242vw;
    height: 0.726942299vw;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .input-container .lfr-form-content .card-horizontal .panel-group .panel.panel-default .panel-heading .panel-title .collapse-icon .lexicon-icon path.lexicon-icon-outline {
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .radio {
  display: flex;
  position: relative;
  margin-right: 1rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .radio {
    margin-right: 0.726942299vw;
    margin-bottom: 0.726942299vw;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .radio label {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  min-height: auto;
  cursor: pointer;
  display: flex;
  padding-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .radio label {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .radio label input {
  width: 14px;
  height: 14px;
  margin-right: 0.5rem;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .radio label input {
    margin-right: 0.3634711495vw;
    margin-left: 0;
    width: 0.6360745116vw;
    height: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .form-text {
  font-size: 14px;
  color: var(--wc-font-color);
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .form.edit-entry .form-group .form-group .form-text {
    font-size: 0.6360745116vw;
    margin: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .change-image-controls {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  left: 0;
  padding: 0.5rem;
  background-color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .change-image-controls {
    bottom: 0.3634711495vw;
    right: 0.3634711495vw;
    left: 0;
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .change-image-controls .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 5px;
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .change-image-controls .btn {
    margin: 0;
    padding: 0.2271694684vw;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .lfr-portal-tooltip {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 16px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .lfr-portal-tooltip {
    margin-left: 0.3634711495vw;
    margin-right: 0.3634711495vw;
    font-size: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .lfr-portal-tooltip {
    font-size: 14px;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .toggle-switch-bar {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .toggle-switch-bar {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .toggle-switch-bar {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .container-fluid-1280 .input-checkbox-wrapper input {
  height: auto;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet h3.title,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet h3.title,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet h3.title,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet h3.title,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet h3.title,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet h3.title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary {
    padding: 0 0.2rem 0 0;
    margin-right: 0.2rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary {
    padding: 0 0.8rem 0 0;
    margin-right: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary {
    padding: 0 0.8rem 0 0;
    margin-right: 0.8rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-toolbar .autofit-col .btn-outline-secondary {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    padding: 0 0.2rem 0 0;
    margin-right: 0.2rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    padding: 0 0.8rem 0 0;
    margin-right: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    padding: 0 0.8rem 0 0;
    margin-right: 0.8rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar {
    padding: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar {
    padding: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar {
    padding: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-body.widget-topbar {
    padding: 1rem;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-footer,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-footer {
    padding: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-footer,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-footer {
    padding: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-footer,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-footer {
    padding: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .portlet-blogs section.portlet .widget-mode-card .card .card-footer,
  body.wcprop-2 .wcl-col-6 .portlet-blogs section.portlet .widget-mode-card .card .card-footer {
    padding: 1rem;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry {
  border-bottom: none;
  padding: 0;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row div.asset-small-image {
  position: relative;
  height: 0;
  padding-bottom: 66%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row div.asset-small-image img.asset-small-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .entry-title {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .entry-title {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .entry-title h2 {
  margin-right: 0px;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .entry-date {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: #aeaeae;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .entry-date {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .entry-date {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .blog-content p {
  line-height: 1.5;
  margin-bottom: 1rem;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .blog-content p {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: inline-flex;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a:hover, body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .row .read-more a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .entry-info {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .entry-info {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .entry-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-body .entry-info {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer {
    padding-bottom: 0.726942299vw;
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-author {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--secondary-color);
  float: inherit;
  line-height: normal;
  margin-right: 0;
  width: 200px;
  display: flex;
  justify-content: end;
  order: 2;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-author {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-right: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-author {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-author {
    font-size: var(--wc-mobile-font-size);
    max-width: initial;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  order: 1;
  width: auto;
  right: auto;
  width: calc(100% - 200px);
}
body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-social a {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-social a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-social a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-blogs section.portlet .portlet-blogs-aggregator.entry .entry-footer .entry-social a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto {
  margin-left: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto {
    margin-left: 0 !important;
  }
}
body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto .widget-metadata {
  margin-bottom: 1rem;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-blogs section.portlet .input-container .widget-mode-detail .widget-mode-detail-header .row .col-md-8.mx-auto .widget-metadata {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab-buttons {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab-buttons {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab-buttons .ui-button-text-only {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab-buttons .ui-button-text-only {
    margin-right: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab-buttons .ui-button-text-only {
    margin-right: 0;
    margin-bottom: 0.5rem;
    width: 100%;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab-buttons .ui-button-text-only.ui-state-active {
  background: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab-buttons .ui-button-text-only .ui-button-text {
  padding: 0;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
  line-height: normal;
  background-color: transparent;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content {
  padding: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content {
    padding-left: 0.5815538392vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table {
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table {
    margin-bottom: 0.5815538392vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table > tbody > tr {
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table > tbody > tr > td {
  border: none;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table > tbody > tr > td .member-name {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table > tbody > tr > td .member-name {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table > tbody > tr > td .member-action {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-results .ui-overlaypanel-content table > tbody > tr > td .member-action a {
  margin: 0;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-field-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-field-wrapper .input-group-addon.buddy-list-add-on {
  width: 45px;
  background: var(--primary-color);
  color: var(--white-color);
  display: flex;
  align-items: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-field-wrapper .input-group-addon.buddy-list-add-on {
    width: 2.0445252158vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-field-wrapper .input-group-addon.buddy-list-add-on i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-list-search-field-wrapper .input-group-addon.buddy-list-add-on i {
    margin-right: 0;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container {
  position: relative;
  border: 1px solid var(--wc-border-color);
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container {
    padding-left: 0.5452067242vw;
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container .buddy-box-container-link.buddy-box-edit-link {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  width: 25px;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container .buddy-box-container-link.buddy-box-edit-link .buddy-box-edit-link-text {
  position: relative;
  top: 4px;
  right: 4px;
  opacity: 0;
  color: var(--wc-font-color);
  border-radius: var(--borderRadius);
  padding: 0.3rem;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  width: 100%;
  overflow: hidden;
  transition: 0.3s all ease;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container .buddy-box-container-link.buddy-box-edit-link .buddy-box-edit-link-text {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container .buddy-box-container-link.buddy-box-edit-link .buddy-box-edit-link-text {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding: 0.2180826897vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container .buddy-box-container-link.buddy-box-edit-link .buddy-box-edit-link-text:hover {
  color: var(--primary-color);
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr {
  background: transparent;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td {
  border: none;
  padding: 0;
  display: inline-flex;
  background: transparent;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td.buddy-box-avatar .buddy-avatar {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td.buddy-box-avatar .buddy-avatar img {
  border-radius: 100%;
  width: 90px;
  height: 90px;
  background-image: url(../images/club-images/ajax-loader-small.gif) !important;
  background-repeat: no-repeat;
  object-fit: cover;
  padding: 0;
  background-position: center center;
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td.buddy-box-avatar .buddy-avatar img {
    width: 4.0890504316vw;
    height: 4.0890504316vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td.buddy-box-avatar .buddy-avatar img {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td.buddy-box-avatar .buddy-avatar img {
    width: 75px;
    height: 75px;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td .buddy-info label {
  margin: 0 0 0 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td .buddy-info label {
    margin: 0 0 0 0.5815538392vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td .buddy-info label {
    margin: 0 0 0 0.5rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container table > tbody > tr > td .buddy-info label {
    margin: 0;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .buddy-box-container:hover .buddy-box-container-link.buddy-box-edit-link .buddy-box-edit-link-text {
  opacity: 1;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container {
  position: relative;
  border: 1px solid var(--wc-border-color);
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem;
  cursor: pointer;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container {
    padding-left: 0.5815538392vw;
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr {
  background: transparent;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td {
  border: none;
  padding: 0;
  display: inline-flex;
  background: transparent;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td.invitation-box-avatar .invitation-avatar {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td.invitation-box-avatar .invitation-avatar img {
  border-radius: 100%;
  width: 90px;
  height: 90px;
  background-image: url(../images/club-images/ajax-loader-small.gif) !important;
  background-repeat: no-repeat;
  object-fit: cover;
  padding: 0;
  background-position: center center;
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td.invitation-box-avatar .invitation-avatar img {
    width: 4.0890504316vw;
    height: 4.0890504316vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td.invitation-box-avatar .invitation-avatar img {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td.invitation-box-avatar .invitation-avatar img {
    width: 75px;
    height: 75px;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info label {
  margin: 0 0 1rem 0.8rem;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info label {
    margin: 0 0 0.726942299vw 0.5815538392vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info label {
    margin: 0 0 0.5rem 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info label {
    margin: 0;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info a {
  margin-left: 1rem;
  padding: 0.2rem 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info a {
    margin-left: 0.726942299vw;
    padding: 0.1817355747vw 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info a {
    margin-left: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-container .buddy-list-tab .invitation-box-container table > tbody > tr > td .invitation-info a {
    display: flex;
    margin-left: 0;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .ui-dialog-content a.cross {
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .ui-dialog-content a.cross i {
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .ui-dialog-content a.cross i::before {
  content: var(--close-icon);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .ui-dialog-content a.cross i::before {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-avatar img {
  border-radius: 100%;
  width: 140px;
  height: 140px;
  background-repeat: no-repeat;
  object-fit: cover;
  padding: 0;
  background-position: center center;
  border: 1px solid var(--wc-border-color);
  margin: 0 auto 1rem;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-avatar img {
    width: 6.3607451159vw;
    height: 6.3607451159vw;
    margin: 0 auto 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-avatar img {
    width: 100px;
    height: 100px;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-info label.buddy-name {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-info label.buddy-name {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-info label.buddy-name {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-info label.buddy-name {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-info label.buddy-name {
    font-size: calc((var(--wc-fs-heading3) - 6) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-info label.buddy-name {
    font-size: calc((var(--wc-fs-heading4) - 8) * 1px);
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content {
  border: none;
  background: transparent;
  padding: 0;
  line-height: normal;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content dl {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content dl {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content dl dt.ui-datalist-item {
  display: inline-flex;
  margin-right: 0.5rem;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content dl dt.ui-datalist-item:last-child {
  margin-right: 0;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content dl dt.ui-datalist-item .ui-button.ui-widget.buddy-list-tag {
  background: transparent;
  border: 1px solid var(--wc-border-color);
  color: var(--wc-font-color);
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content dl dt.ui-datalist-item .ui-button.ui-widget.buddy-list-tag.ui-state-active {
  background: var(--primary-color);
  color: var(--btn-text-color);
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-tags .ui-datalist .ui-datalist-content dl dt.ui-datalist-item .ui-button.ui-widget.buddy-list-tag .ui-button-text {
  padding: 0;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-action {
  display: flex;
  justify-content: center;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-action a {
  margin-right: 0.5rem;
}
body.wcprop-2 .buddyList-portlet section.portlet .buddy-list-dialog.buddy-dialog .buddy-dialog-container .buddy-action a:last-child {
  margin-right: 0;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header {
  margin-top: 0;
  padding: 0.6rem;
  display: flex;
  align-items: center;
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: normal;
  margin: 0.75rem 0 0 0;
  color: var(--wc-font-color);
  cursor: pointer;
  font-weight: normal;
  position: relative;
  text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.4361653794vw;
    margin: 0.5452067242vw 0 0 0;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header {
    padding: 0.3rem;
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header {
    padding: 0.3rem;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header:hover {
  background-color: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-expanded .calendar-portlet-list-arrow {
  background: none;
  width: 11px;
  margin-right: 0.5rem;
  display: inline-block;
  height: 13px;
  vertical-align: middle;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-expanded .calendar-portlet-list-arrow {
    width: 0.4997728305vw;
    height: 0.5906406179vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-expanded .calendar-portlet-list-arrow::before {
  content: var(--arrow-icon-down);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.6rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-expanded .calendar-portlet-list-arrow::before {
    left: 0.4361653794vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-collapsed .calendar-portlet-list-arrow {
  background: none;
  width: 11px;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-collapsed .calendar-portlet-list-arrow {
    width: 0.4997728305vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-collapsed .calendar-portlet-list-arrow::before {
  content: var(--arrow-icon-right);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.6rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header.toggler-header-collapsed .calendar-portlet-list-arrow::before {
    left: 0.4361653794vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header .calendar-portlet-list-text {
  font-family: var(--wc-font-family);
  width: calc(100% - 38px);
  vertical-align: middle;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-list-header .calendar-portlet-list-text {
    width: calc(100% - 1.72648796vw);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content {
  font-family: var(--wc-font-family);
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content {
    margin-left: 0.726942299vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item {
  display: flex;
  align-items: center;
  padding: 0.6rem;
  line-height: normal;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item {
    padding: 0.4361653794vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item:hover {
  background-color: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item.calendar-list-item-hover, body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item.calendar-list-item-active {
  background: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item .calendar-list-item-color {
  width: 9px;
  height: 9px;
  border: none;
  margin-right: 4px;
  position: relative;
  top: 2px;
  display: inline-flex;
  border-radius: 2px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .toggler-content-wrapper .toggler-content .calendar-list-item .calendar-list-item-color {
    width: 0.4089050432vw;
    height: 0.4089050432vw;
    margin-right: 0.1817355747vw;
    border-radius: 0.0908677874vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-list {
  font-family: var(--wc-font-family);
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list {
    margin-left: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list {
    margin-left: 0;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item {
  display: flex;
  padding: 0.6rem;
  line-height: normal;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.4361653794vw;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item.calendar-list-item-hover, body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item.calendar-list-item-active {
  background: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item .calendar-list-item-color {
  width: 9px;
  height: 9px;
  border: none;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 2px;
  border-radius: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item .calendar-list-item-color {
    width: 0.4089050432vw;
    height: 0.4089050432vw;
    margin-right: 0.1817355747vw;
    top: 0.0908677874vw;
    border-radius: 0.1363016811vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item .calendar-list-item-label {
  line-height: 13px;
  white-space: normal;
  width: calc(100% - 32px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item .calendar-list-item-label {
    line-height: 0.5906406179vw;
    width: calc(100% - 1.4538845979vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list .calendar-list-item .calendar-list-item-label {
    line-height: 1;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-list-item-arrow {
  position: absolute;
  border: none;
  background: transparent;
  line-height: normal;
  right: 0.6rem;
  top: 0.4rem;
  font-size: 16px;
  color: var(--wc-font-color);
  border-radius: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list-item-arrow {
    border-radius: 0.1363016811vw;
    right: 0.4361653794vw;
    font-size: 0.726942299vw;
    top: 0.2907769196vw;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-list-item-arrow {
    font-size: 14px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent input,
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .btn-wc-primary,
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .btn {
    font-size: calc(var(--wc-font-size) * 1px - 2px);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .yui3-calendar-content {
  padding: 0px;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options.col-md-3 {
  padding-left: 0;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options.col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar table {
  border: none;
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar table {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar table .yui3-calendar-day {
  background: transparent;
  color: var(--wc-font-color);
  padding: 5px 0;
  font-family: var(--wc-font-family);
  font-weight: 500;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar table .yui3-calendar-day {
    padding: 0.2271694684vw 0;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar table .yui3-calendar-day {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar table tbody tr:last-child {
  border-bottom: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header {
  display: flex;
  align-items: center;
  height: 40px;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header {
    height: 1.8173557474vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-prevmonth {
  border: none;
  height: 100%;
  width: 15px;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-prevmonth {
    width: 0.6815084053vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-prevmonth::before {
  content: var(--arrow-icon-left);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--wc-font-color);
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 22px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-prevmonth::before {
    font-size: 0.9995456611vw;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-prevmonth::before {
    font-size: calc(var(--wc-mobile-font-size) + 2px);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendar-header-label {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
  font-family: var(--wc-font-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendar-header-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-nextmonth {
  border: none;
  height: 100%;
  width: 15px;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-nextmonth {
    width: 0.6815084053vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-nextmonth::before {
  content: var(--arrow-icon-right);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--wc-font-color);
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 22px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-nextmonth::before {
    font-size: 0.9995456611vw;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1570.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendarnav-nextmonth::before {
    font-size: 18px;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-grid thead .yui3-calendar-weekdayrow .yui3-calendar-weekday {
  color: var(--table-th-color);
  text-align: center;
  font-size: calc(var(--wc-font-size) * 1px);
  width: 14.2857142857%;
  padding: 0.8rem 0;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-grid thead .yui3-calendar-weekdayrow .yui3-calendar-weekday {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.5815538392vw 0;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-grid thead .yui3-calendar-weekdayrow .yui3-calendar-weekday {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-mini-calendar .yui3-calendar-grid thead .yui3-calendar-weekdayrow .yui3-calendar-weekday {
    padding: 0.4rem 0;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-list {
  position: relative;
  background: var(--wc-body-bg);
  padding: 0;
  border-bottom: 1px solid var(--wc-border-color);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-options .calendar-portlet-list:last-child {
  border-bottom: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event {
  padding: 4px;
  text-align: left;
  font-size: calc((var(--wc-font-size) - 3) * 1px);
  text-shadow: none !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event {
    padding: 0.1817355747vw;
    font-size: calc((var(--wc-font-size) - 3) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-content {
  text-decoration: none;
  white-space: initial;
  font-size: calc((var(--wc-font-size) - 3) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-content {
    font-size: calc((var(--wc-font-size) - 3) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons {
  right: 0;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons .icon {
  font-family: var(--fontawesome-family);
  background-image: none;
  width: auto;
  height: 100%;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons .icon::before {
  color: var(--btn-text-color);
  font-size: calc((var(--wc-font-size) - 6) * 1px);
  font-weight: 600;
  margin: 0 3px 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons .icon::before {
    font-size: calc((var(--wc-font-size) - 6) / var(--4k-ratio) * 1vw);
    margin: 0 0.1363016811vw 0 0;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons .scheduler-event-icon-disabled::before {
  content: var(--disable-icon);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons .scheduler-event-icon-meeting::before {
  content: var(--meeting-icon);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons .scheduler-event-icon-reminder::before {
  content: var(--reminder-icon);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-event .scheduler-event-icons .scheduler-event-icon-repeated::before {
  content: var(--repeat-icon);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid.col-md-9 {
  padding-right: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid.col-md-9 {
    margin-top: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row {
  margin-bottom: 1rem;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .export-btn.inline-block {
  vertical-align: middle;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-5 {
  padding-right: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-12 .export-btn {
    width: auto !important;
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-12 .btn-primary {
  margin-top: 0;
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-12 .btn-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-12 .btn-primary {
    width: auto !important;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-12 input[type*=button] {
  border-radius: var(--BtnborderRadius) !important;
  justify-content: center;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-7 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends {
  font-family: var(--wc-font-family);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends > div {
  display: flex;
  align-items: center;
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends > div {
    padding-right: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends > div {
    margin-top: 0.5rem;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends .cal-legend {
  width: 15px;
  height: 13px;
  margin-right: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends .cal-legend {
    width: 0.6815084053vw;
    height: 0.5906406179vw;
    margin-right: 0.1363016811vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends .cal-legend {
    width: 10px;
    height: 8px;
    margin-right: 1px;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends span {
  font-size: calc(var(--wc-font-size) * 1px - 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends span {
    font-size: calc((var(--wc-font-size) - 1px) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .div-legends span {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input {
  display: flex;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input {
  margin-right: 0.5rem;
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input {
    font-size: var(--wc-mobile-font-size);
    height: calc(var(--field-height) * 1px - 10px);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input {
    height: calc(var(--field-height) * 1px - 10px);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input.text-search {
  flex: 1 1 auto;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input[type=button] {
  margin-right: 0;
  border-radius: var(--BtnborderRadius) !important;
  flex: 0 1 auto;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input[type=button] {
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input[type=button] {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .search-event-input input[type=button] {
    width: auto !important;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .export-btn input {
  height: auto;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base {
  border-radius: var(--borderRadius);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .scheduler-view-content .yui3-widget-bd .scheduler-view-table-container .scheduler-view-table-row-container .scheduler-view-table-row .scheduler-view-table-grid-container table tbody tr td {
  border-top: none;
  background: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: flex;
  width: max-content;
  margin: 8px 0 3px auto;
  padding: 7px 16px;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close:hover, body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close:focus {
  text-decoration: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close:not([disabled]):not(.disabled):active, body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close:hover, body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-table .yui3-overlay .yui3-overlay-content .scheduler-view-table-events-overlay-node .scheduler-view-table-events-overlay-node-close:focus {
  text-decoration: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-header {
  background: var(--wc-body-bg);
  border-radius: 0px;
  font-weight: 600;
  color: var(--wc-font-color);
  padding: 10px 5px;
  font-size: calc(var(--wc-font-size) * 1px - 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-header {
    font-size: calc((var(--wc-font-size) - 1px) / var(--4k-ratio) * 1vw);
    padding: 0.4543389368vw 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-header {
    padding: 10px 5px;
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-events .scheduler-view-agenda-event {
  border-radius: 0px;
  font-weight: 600;
  color: var(--wc-font-color);
  padding: 10px;
  font-size: calc(var(--wc-font-size) * 1px - 1px);
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-events .scheduler-view-agenda-event {
    font-size: calc((var(--wc-font-size) - 1px) / var(--4k-ratio) * 1vw);
    padding: 0.4543389368vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-events .scheduler-view-agenda-event {
    padding: 10px 5px;
    color: var(--wc-font-color);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-events .scheduler-view-agenda-event-content {
  padding-left: 0;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .yui3-widget-bd .scheduler-view-agenda-container .scheduler-view-agenda-events .scheduler-view-agenda-event-color {
  display: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(1) {
  flex: 0 1 auto;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(1) {
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1280.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(1) {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(1) {
    width: auto;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(1) {
    width: 100%;
    float: none;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(1) button {
    font-size: var(--wc-mobile-font-size);
    width: auto;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(1) button {
    width: auto;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
  flex: 0 1 auto;
  padding-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
    padding-left: 0.726942299vw;
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
    flex: 1 1 auto;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
    flex: 0 0 100%;
    padding-left: 0;
  }
}
@media (max-width: 1280.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
    flex: 0 1 auto;
    padding-left: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
    width: auto;
    margin-top: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) {
    width: 100%;
    float: none;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) button {
    padding: 10px;
    font-size: var(--wc-mobile-font-size);
    width: auto;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) button {
    padding: 10px;
    width: auto;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) button:nth-child(2) {
  width: auto !important;
  padding: 10px;
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) button:nth-child(2) {
    padding: 10px;
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) button:nth-child(2) {
    padding: 10px 8px;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) button:nth-child(2) {
    padding: 10px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-controls .btn-group:nth-child(2) button:nth-child(2) {
    padding: 10px 20px;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-views .btn-default.btn-primary {
  flex: 0 0 auto;
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-views .btn-default.btn-primary {
    padding: 10px 1.6rem;
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-views .btn-default.btn-primary {
    padding: 10px 1.2rem;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-views .btn-default.btn-primary {
    padding: 10px 1rem;
  }
}
@media (max-width: 1280.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-views .btn-default.btn-primary {
    padding: 10px 2rem;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-content .scheduler-base-hd .scheduler-base-views .btn-default.btn-primary.scheduler-base-view-agenda {
  flex: 1 1 auto;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .yui3-widget-bd {
  border: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .yui3-widget-bd .yui3-widget-hd table tbody tr {
  height: auto;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-view-date {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  margin: 0 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-base-view-date {
    margin: 0 0 0.3634711495vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-header-col .scheduler-view-table-header-day {
    padding: 0.5rem;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-header-col .scheduler-view-table-header-day div {
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-header-col .scheduler-view-table-header-day div {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-header-col .scheduler-view-table-header-day div {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-colgrid-today {
  background: var(--wc-body-bg);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table {
  border: none;
  text-align: right;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr:nth-child(odd) {
  background: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td {
  border: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td:not(:first-child) {
  padding: 5px 8px 0;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td .scheduler-view-table-data-event {
  padding: 0;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td .scheduler-view-table-more {
  color: var(--primary-color);
  font-size: 90%;
  font-weight: 600;
  transition: 0.2s all;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td .scheduler-view-table-more {
    transition: none;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td .scheduler-view-table-more:hover {
  color: var(--secondary-color);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td .scheduler-view-table-more:hover, body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-view-table-row > table tbody tr td .scheduler-view-table-more:focus {
  text-decoration: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-day-view .scheduler-day-view-content .scheduler-view-day-table {
  background: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-day-view .scheduler-day-view-content .scheduler-view-day-table tbody .scheduler-view-coldata .scheduler-view-day-table-coltime .scheduler-view-day-table-time {
  border: none;
  color: var(--wc-font-color);
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-day-view .scheduler-day-view-content .scheduler-view-day-table tbody .scheduler-view-coldata .scheduler-view-day-table-coltime .scheduler-view-day-table-time {
    height: 2.3625624716vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base .scheduler-day-view .scheduler-day-view-content .scheduler-view-day-table tbody .scheduler-view-coldata .scheduler-view-day-table-colday {
  background: transparent;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-header .scheduler-event-recorder-content {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  background-color: var(--white-color);
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
  height: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-header .scheduler-event-recorder-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    width: calc(100% - 1.8173557474vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-header .scheduler-event-recorder-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-header .scheduler-event-recorder-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-header .scheduler-event-recorder-content {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover {
    width: 24.9886415266vw !important;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-title {
    margin-left: 0.726942299vw;
    margin-right: 0.726942299vw;
    padding: 0.5452067242vw 0;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-content {
    padding: 0.5452067242vw 0.726942299vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-content .close {
  right: 15px;
  top: 11px;
  font-size: 20px;
  text-shadow: none;
  height: calc(var(--field-height) * 1px);
  width: 35px;
  background: var(--primary-color);
  color: var(--btn-text-color);
  line-height: normal;
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-content .close {
    right: 0.6815084053vw;
    top: 0.4997728305vw;
    font-size: 0.9086778737vw;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    width: 1.590186279vw;
    margin-top: 0;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-content .close:hover, body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-content .close:focus {
  background: var(--secondary-color);
  color: var(--btn-text-color);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-content .calendar-portlet-event-recorder .scheduler-event-recorder-body table tbody tr td select {
  height: calc(var(--field-height) * 1px);
  border-color: var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-content .calendar-portlet-event-recorder .scheduler-event-recorder-body table tbody tr td select {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-footer {
  padding: 0 15px 15px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-portlet-column-parent .scheduler-event-recorder-popover .popover-footer {
    padding: 0 0.6815084053vw 0.6815084053vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading {
  padding: 1rem 0.5rem;
  border-bottom: 1px solid var(--wc-border-color);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading {
    padding: 0.726942299vw 0.3634711495vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading .header-title {
  margin: 0;
}
body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading .header-back-to a {
  padding: 0 0.5rem;
  color: var(--wc-font-color);
  transition: 0.3s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading .header-back-to a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading .header-back-to a {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading .header-back-to a:hover, body.wcprop-2 .calendar-portlet section.portlet .panel .panel-heading .header-back-to a:focus {
  color: var(--secondary-color);
}
body.wcprop-2 .calendar-portlet section.portlet .panel .panel-body p:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .calendar-portlet section.portlet .panel fieldset .property-list {
  font-family: var(--wc-font-family);
  letter-spacing: 0.6px;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .panel fieldset .property-list {
    letter-spacing: 0.0272603362vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .panel fieldset .property-list dt {
  color: var(--wc-font-color);
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar {
  margin-bottom: 1rem;
  font-family: var(--wc-font-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .container-fluid-max-xl {
  padding: 0;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav {
  border-bottom: 1px solid var(--wc-border-color);
  width: 100%;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav .nav-item .nav-link {
  margin: 0;
  padding: 10px 20px;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  color: var(--bg-text-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  background: var(--primary-color);
  opacity: 0.5;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding: 0.4543389368vw 0.9086778737vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav .nav-item .nav-link {
    margin-right: 0px;
    margin-bottom: 5px;
    border-radius: var(--borderRadius);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  opacity: 1;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav .nav-item .nav-link.active::after {
  display: none;
}
body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav .navbar-collapse .navbar-nav .nav-item .nav-link:focus {
  box-shadow: none;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav.navigation-bar .navbar-toggler-link {
    height: auto;
    padding: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .calendar-nav-bar nav.navigation-bar.navbar-underline .navbar-toggler-link:after {
    display: none;
  }
}
body.wcprop-2 .calendar-portlet section.portlet .form-group.input-text-wrapper {
  width: 100%;
}
body.wcprop-2 .calendar-portlet section.portlet form .search-event-row .search-event-col-3 .form-group.input-text-wrapper {
  display: block !important;
  margin-bottom: 15px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet form .search-event-row .search-event-col-3 .form-group.input-text-wrapper {
    margin-bottom: 0.6815084053vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-btn-container,
body.wcprop-2 .calendar-portlet section.portlet form .cal-advanced-btn-container {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet form .cal-btn-container,
  body.wcprop-2 .calendar-portlet section.portlet form .cal-advanced-btn-container {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .calendar-portlet section.portlet form .cal-btn-container .btn-primary,
  body.wcprop-2 .calendar-portlet section.portlet form .cal-advanced-btn-container .btn-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-btn-container .btn-primary:focus,
body.wcprop-2 .calendar-portlet section.portlet form .cal-advanced-btn-container .btn-primary:focus {
  box-shadow: none;
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-main-event-container {
  display: flex;
  width: 100%;
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-main-event-container .calendar-search-container {
  width: 100%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet form .cal-main-event-container .calendar-search-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet form .cal-main-event-container .calendar-search-container table thead.table-columns tr th {
    min-width: 150px;
  }
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-legends-container {
  display: flex;
  width: 100%;
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-legends-container .legends-container {
  width: 100%;
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-legends-container .legends-container .div-legends {
  font-family: var(--wc-font-family);
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-legends-container .legends-container .div-legends > div {
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet form .cal-legends-container .legends-container .div-legends > div {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet form .cal-legends-container .legends-container .div-legends > div .cal-legend {
  margin-right: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet form .cal-legends-container .legends-container .div-legends > div .cal-legend {
    margin-right: 0.1363016811vw;
  }
}
body.wcprop-2 .calendar-portlet section.portlet #resourceManagementToolbar .management-bar .navbar-nav .nav-item .dropdown .dropdown-toggle {
  border: 1px solid var(--wc-border-color);
  margin: 0;
  height: calc(var(--field-height) * 1px);
}
body.wcprop-2 .calendar-portlet section.portlet #resourceManagementToolbar .management-bar .navbar-nav .nav-item .nav-btn-monospaced {
  border-radius: var(--borderRadius);
  padding: 10px 20px;
  line-height: 1.5;
  margin: 0;
  height: calc(var(--field-height) * 1px);
}
body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:first-child, body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:last-child {
  padding: 8px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:first-child, body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:last-child {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:first-child, body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:last-child {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:first-child, body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:last-child {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:first-child, body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td:last-child {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .calendar-portlet section.portlet .lfr-search-container-wrapper .table-responsive table tbody tr td .dropdown .dropdown-toggle {
  background: transparent;
  padding: 0;
  width: auto;
  height: auto;
  line-height: normal;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-5,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-7,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .row .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-controls.col-xs-6,
body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-controls.col-xs-6 {
  display: flex;
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-controls.col-xs-6,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-controls.col-xs-6 {
    flex: 0 0 40%;
    max-width: 40%;
    flex-wrap: wrap;
  }
}
@media (max-width: 1280.98px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-controls.col-xs-6,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-controls.col-xs-6 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views,
body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views {
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views button,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views button {
    width: auto;
  }
}
@media (min-width: 768px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views button,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views button {
    width: auto;
  }
}
@media (max-width: 1889.98px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views.col-xs-6,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views.col-xs-6 {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (max-width: 1280.98px) {
  body.wcprop-2 .col-md-8 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views.col-xs-6,
  body.wcprop-2 .wcl-col-9 .calendar-portlet section.portlet .calendar-portlet-column-parent .calendar-portlet-column-grid .scheduler-base-content .scheduler-base-hd .scheduler-base-views.col-xs-6 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered {
  border: none;
}
body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table thead tr th {
  vertical-align: middle;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table thead tr th:nth-child(3) {
    width: 20% !important;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table thead tr th:nth-child(3) {
    width: 30% !important;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr {
    border: 1px solid var(--wc-border-color);
    margin-bottom: 0.8rem;
    display: table;
    width: 100%;
    font-size: calc(var(--wc-mobile-font-size) - 2px);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr td[role=gridcell]:not(.ui-helper-hidden) {
    width: 100%;
    padding: 16px 8px;
    border-bottom: 1px solid var(--wc-border-color);
    font-size: var(--wc-mobile-font-size);
    display: flex;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr td[role=gridcell]:not(.ui-helper-hidden) span .ui-column-title,
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr td[role=gridcell]:not(.ui-helper-hidden) span .col-right {
    flex: 0 0 50%;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr td[role=gridcell]:not(.ui-helper-hidden):last-child {
    border-bottom: none;
    display: block;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr td[role=gridcell]:not(.ui-helper-hidden):last-child span.ui-column-title {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr td[role=gridcell]:not(.ui-helper-hidden) .ui-selectbooleancheckbox {
    margin: 10px 5px 0 0px;
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .table-bordered.ui-datatable-reflow .ui-datatable-tablewrapper table .ui-datatable-data tr td[role=gridcell] .campaign-data-table-emails .ui-selectbooleancheckbox.ui-chkbox {
  margin: 5px 0;
}
body.wcprop-2 .campaignCategory-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row:nth-child(1) {
  justify-content: right;
}
body.wcprop-2 .campaignCategory-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row:nth-child(1) .ui-grid-col-2.pull-right.btn-responsive {
  margin: 0;
  width: auto;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .ui-grid-col-6 {
    width: auto;
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .unsubscription-heading {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .unsubscription-heading {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .unsubscription-heading {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .unsubscription-heading {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .unsubscription-heading {
    font-size: calc((var(--wc-fs-heading3) - 6) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .unsubscription-heading {
    font-size: calc((var(--wc-fs-heading3) - 8) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-header .unsubscription-heading {
    font-size: calc((var(--wc-fs-heading3) - 10) * 1px);
    margin-top: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-content .ui-grid-col-4 {
    width: auto;
    padding-right: 12px;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-content .ui-grid-col-4 {
    width: auto;
    padding-right: 0;
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-content label {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .unsubscription-content label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .portlet-content-editable .ui-grid-row {
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .portlet-content-editable .ui-grid-row {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  border-top: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column label {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-header,
body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-footer {
  line-height: normal;
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border: 1px solid var(--wc-border-color);
  border-bottom: transparent;
  padding: 0.75rem;
  margin-top: 1rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  text-align: left;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-header,
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-footer {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
    margin-top: 0.726942299vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-header,
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-footer {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-header,
  body.wcprop-2 .campaignCategory-portlet section.portlet .ui-datagrid .ui-datagrid-footer {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-grid-row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-grid-row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-fluid ~ hr {
  display: none;
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid-content > .ui-grid-row {
  align-items: center;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid-content > .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell {
    flex: 1 0 auto;
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell:first-child {
  font-weight: 600;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell:first-child {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell:nth-child(2) {
  flex: 1 1 auto;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell:last-child {
    flex: 0 0 100%;
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell .mandatory {
  color: var(--btn-danger);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-panelgrid .cp-cell .mandatory {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .alert-warning,
body.wcprop-2 .ChangePassword-portlet section.portlet .portlet-msg-alert {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .alert-warning,
  body.wcprop-2 .ChangePassword-portlet section.portlet .portlet-msg-alert {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-outputlabel.changePasswordError {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding: 6px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .ChangePassword-portlet section.portlet .ui-outputlabel.changePasswordError {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.2726033621vw;
  }
}
body.wcprop-2 .ChangePassword-portlet section.portlet .ui-grid-responsive .btn-responsive {
  width: auto;
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-grid-row {
  margin-bottom: 1rem;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
  flex: 100%;
  width: 100%;
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-grid-row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content {
  border: none;
  margin-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content {
    margin-bottom: 0.726942299vw;
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell:first-child {
  display: flex;
  align-items: center;
  font-weight: 600;
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell > label {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell > label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .changeSecurityQuestion-portlet section.portlet .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .row-fluid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .row-fluid {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .span12 {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .span6 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .span5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .span12,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span11,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span10,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span9,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span8,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span7,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span6,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span5,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span4,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span3,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span2,
body.wcprop-2 .communicationPreferences-portlet section.portlet .span1 {
  position: relative;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span12,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span11,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span10,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span9,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span8,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span7,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span6,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span5,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span4,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span3,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span2,
  body.wcprop-2 .communicationPreferences-portlet section.portlet .span1 {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details.span12 {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details.span12 {
    padding: 0;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel {
  margin-bottom: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel {
    margin-bottom: 1.4538845979vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel .communcation-pref-details-cellphone {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel .communcation-pref-details-cellphone {
    margin-top: 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel .communcation-pref-details-cellphone .ui-inputfield {
  color: var(--wc-font-color);
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel .communcation-pref-details-cellphone label {
  padding-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel .communcation-pref-details-cellphone label {
    padding-left: 0;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel .communication-pref-cellphone-save-btn i {
  display: none;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communication-pref-details-top-panel .communication-pref-cellphone-save-btn i {
    margin: 0;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .span6.communication-pref-module-desc {
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .span6.communication-pref-module-desc {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row-mobile {
  align-items: center;
  padding: 0.5rem 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row-mobile .span6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row-mobile .span6 .communication-pref-input-switch {
    margin-left: auto;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row-mobile .span6 .communication-pref-module-row-mod-mobile {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row-mobile .span6 .communication-pref-module-row-mod-mobile {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row-mobile .span6 .communication-pref-module-row-mod-mobile {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row-mobile .span6 .communication-pref-module-row-mod-mobile {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-modules-header {
  width: 100%;
  margin-bottom: 0;
  padding: 0.75rem;
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-modules-header {
    margin-bottom: 0;
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-modules-header label.span6 {
  padding: 0;
  margin-bottom: 0;
  font-weight: bold;
  color: var(--table-th-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-modules-header label.span6 {
    padding: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-modules-header label.span6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-modules-header label.span6.communication-pref-checkbox-header {
    text-align: right;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row {
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row {
    padding-top: 0.5452067242vw;
    padding-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row:nth-child(odd) {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row label {
  display: inline-flex;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row label {
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row label.span6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row .communication-pref-module-row-checkbox {
  padding-left: 0px;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row .communication-pref-module-row-checkbox {
    padding-left: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .communication-pref-module-row .communication-pref-module-row-checkbox {
    margin-left: auto;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .btn {
  margin-top: 1rem;
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .communication-pref-details .communcation-pref-modules-container .btn {
    margin-top: 0.726942299vw;
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .communicationPreferences-portlet section.portlet .communication-pref-container .btn i {
  display: none;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-icon-minusthick,
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-icon-plusthick {
  font-family: var(--fontawesome-family);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row {
  display: flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-1 {
  max-width: 8.33333333%;
  flex: 0 0 8.33333333%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-1 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-2 {
  max-width: 16.66666667%;
  flex: 0 0 16.66666667%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-2 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-3 {
  max-width: 25%;
  flex: 0 0 25%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-4 {
  max-width: 33.33333333%;
  flex: 0 0 33.33333333%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-5 {
  max-width: 41.66666667%;
  flex: 0 0 41.66666667%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-6 {
  max-width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-7 {
  max-width: 58.33333333%;
  flex: 58.33333333%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-7 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-8 {
  max-width: 66.66666667%;
  flex: 0 0 66.66666667%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-9 {
  max-width: 75%;
  flex: 0 0 75%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-9 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-10 {
  max-width: 83.33333333%;
  flex: 0 0 83.33333333%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-10 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-11 {
  max-width: 91.66666667%;
  flex: 91.66666667%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-11 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-grid-row .ui-grid-col-12 {
  max-width: 100%;
  flex: 0 0 100%;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid {
  padding: 0 0.75rem 0.75rem 0.75rem;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid {
    padding: 0 0.5452067242vw 0.5452067242vw 0.5452067242vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid .table-bordered {
  border: none;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid .table-bordered table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid .table-bordered table {
    display: table;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid .table-bordered table thead tr th {
    min-width: 170px;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid .table-bordered table tbody tr {
    border-bottom-color: transparent;
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid .table-bordered table tbody tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-top: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog.work-order-dialog .ui-fluid .table-bordered table tbody tr td .ui-column-title {
    margin-right: auto;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content {
    padding: 0;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content .work-order-heading {
  width: 100%;
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content .work-order-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content .work-order-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content .work-order-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content .work-order-heading img {
  display: none;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content .cross {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-dialog .ui-dialog-content .cross {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset {
  padding: 0;
  margin-bottom: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset {
    padding: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-grid-col-3 {
  max-width: 100%;
  width: 100%;
  flex: 0 0 100%;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-grid-col-3 {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-grid-col-9 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell.ui-grid-col-8 {
    width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell.ui-grid-col-4 {
    width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content {
  border: none;
  padding: 0;
  line-height: normal;
  background: transparent;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files {
    margin: 0.3634711495vw 0;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-preview {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-progress {
  padding: 0.5rem 0;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div {
  padding: 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 auto;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-cancel.ui-button-icon-only {
  width: max-content;
  margin-left: auto;
  padding: 0.5rem;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-cancel.ui-button-icon-only .ui-icon-close {
  margin: 0;
  font-size: 20px;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent .conc-left {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 40%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent .conc-left {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent .conc-left img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent .conc-center {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent .conc-right {
  margin-left: auto;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent .conc-right a {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-parent .conc-right a img {
  width: 20px;
  height: 20px;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-center {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-fieldset-content .conc-right a img {
  width: 20px;
  height: 20px;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell:first-child {
  font-weight: 600;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-selectonemenu {
  position: relative;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell .ui-selectonemenu label {
  width: 100%;
  font-weight: normal;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell > .ui-panelgrid .ui-panelgrid-cell textarea {
  width: 100%;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell .ui-accordion .ui-accordion-content .ui-fieldset .ui-fieldset-content .card {
  box-shadow: none;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-panelgrid .ui-grid-row .ui-panelgrid-cell .ui-accordion .ui-accordion-content .ui-fieldset .ui-fieldset-content .card {
    margin-bottom: 0;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-tabs .ui-tabs-panel .ui-fileupload .ui-fileupload-buttonbar {
  width: max-content;
  width: max-content;
  padding: 0.5rem;
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  background: var(--wc-body-bg);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-tabs .ui-tabs-panel .ui-fileupload .ui-fileupload-buttonbar {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-tabs .ui-tabs-panel .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-tabs .ui-tabs-panel .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
  display: flex;
  font-size: 12px;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-tabs .ui-tabs-panel .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
    font-size: 0.5452067242vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-tabs .ui-tabs-panel .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -webkit-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  font-size: inherit;
  direction: ltr;
  cursor: pointer;
  width: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-fieldset .ui-fieldset-content .ui-tabs .ui-tabs-panel .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {
    top: 0;
    right: 0;
    margin: 0;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable {
  border: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable table {
    display: table;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable table thead tr th {
    min-width: 170px;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable table tbody tr {
    border-bottom-color: transparent;
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable table tbody tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-top: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable table tbody tr td .ui-column-title {
    margin-right: auto;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img span.badge {
  background-color: transparent !important;
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  border: none;
  border-radius: 0 !important;
  line-height: normal;
  position: initial !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img span.badge {
    font-size: 0.6360745116vw;
    padding: 0;
    margin: 0;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img span.badge.bg-secondary {
  background-color: transparent !important;
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img span:nth-of-type(2) {
  border-left: 1px solid var(--wc-border-color);
  padding-left: 0.5rem;
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img span:nth-of-type(2) {
    padding-left: 0.3634711495vw;
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img img {
  width: 20px;
  margin-left: 0.125rem;
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img img {
    width: 0.9086778737vw;
    margin-left: 0.0908677874vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img img:nth-of-type(2) {
  width: 16px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .ui-panel .work-order-img img:nth-of-type(2) {
    width: 0.726942299vw;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .conc-button-margin {
  width: auto;
  display: inline-flex;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .conc-button-margin {
    margin-top: 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
  line-height: normal;
  background-color: transparent;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    flex: 0 0 100%;
    padding-bottom: 1rem;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column table.credit-book-box thead th .ui-commandlink i {
  font-weight: 900;
  color: var(--wc-font-color);
  margin: 0;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column table.credit-book-box .center-position {
  padding: 8px;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column table.credit-book-box .center-position a.cb-view-button {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: inline-flex;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog {
    width: 76% !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog {
    width: 96% !important;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: transparent;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel {
  border: none;
  padding: 0 0 0.75rem;
  overflow-x: hidden;
  width: 100%;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .cross {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .cross {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .cross.hide-print-button {
  right: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .cross.hide-print-button {
    right: 1.4538845979vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-datatable {
  padding: 0 0.75rem;
  margin-bottom: 1rem;
  border: none;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-grid-row .chit-close-button {
  align-items: center;
  display: inline-flex;
  width: auto;
  margin-left: 0.5rem;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .cancel-trash,
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .credit-book-detail {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin-left: 5px;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid {
  padding: 0 0.75rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid {
    padding: 0 0.5452067242vw 0.5452067242vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .chit-text {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .chit-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .chit-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .chit-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .chit-text.chit-cd-heading {
  font-weight: 600;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .col-amount {
  text-align: right;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table {
  margin: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table {
    margin: 0;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  font-weight: 600;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a {
  color: var(--table-th-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a i {
  font-weight: 600;
  margin: 0;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a:focus-visible, body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table th a:focus {
  outline: -webkit-focus-ring-color auto 0px;
  box-shadow: none;
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table tbody.ui-datatable-data tr {
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table tbody.ui-datatable-data tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-top: transparent;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table tbody.ui-datatable-data tr td .ui-column-title {
    margin-right: auto;
    text-align: left;
    min-width: auto;
    padding: 0.4rem;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table.table-striped.table-bordered {
  width: 98%;
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table.table-striped.table-bordered {
    width: 96%;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel table.table-striped.table-bordered tbody tr td {
    padding: 0.4rem;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel label {
  margin: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel label {
    margin: 0 0.5452067242vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button {
  width: auto;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  display: inline-flex;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover, body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:focus {
  text-decoration: none;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled):active, body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn, body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link {
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin {
  width: auto;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
  display: flex;
  align-items: center;
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
  display: block;
  padding: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
    padding: 0 0.5452067242vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet .portlet-content-editable .row-fluid {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet .portlet-content-editable .row-fluid {
    margin: 0.726942299vw 0;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet .portlet-content-editable .row-fluid .span8 .ui-selectbooleancheckbox {
  display: inline-flex;
}
body.wcprop-2 .CreditBook-portlet section.portlet .portlet-content-editable button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.cbp-reset {
  width: max-content;
  margin-top: 0.5rem;
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditBook-portlet section.portlet .portlet-content-editable button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.cbp-reset {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .CreditBook-portlet section.portlet .portlet-content-editable button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.cbp-reset .ui-button-text {
  text-indent: unset;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column,
  body.wcprop-2 .wcl-col-6 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    flex: 0 0 50%;
    max-width: 50%;
    padding-bottom: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column,
  body.wcprop-2 .wcl-col-6 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column,
  body.wcprop-2 .wcl-col-6 .CreditBook-portlet section.portlet form .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 1rem;
  }
}
body.wcprop-2 .crm-portlet hr {
  display: none;
}
body.wcprop-2 .crm-portlet section.portlet .ui-selectbooleancheckbox {
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.5rem;
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .ui-selectbooleancheckbox {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .back-to-pros {
  width: max-content;
  margin-bottom: 0.5rem;
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .back-to-pros {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .add-new-pros {
  width: max-content;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .add-new-pros {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container {
  text-align: left;
  color: var(--wc-font-color);
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container ol li {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container ol li {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .grid.crm-nomadd-pnlgrid .ui-area-btn-primary {
  width: 100%;
  display: block;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row {
    margin-bottom: 0px;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row h3 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
  -webkit-text-transform: capitalize;
  -moz-text-transform: capitalize;
  -ms-text-transform: capitalize;
  text-transform: capitalize;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row h3 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row h3 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row h3 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row h3 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row h3 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-sec-row h3 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-grid-row.crm-sec-row {
  margin-left: 0;
  margin-right: 0;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-grid-row .crm-question.ui-grid-col-4, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-grid-row .crm-question.ui-grid-col-6 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-grid-row .crm-question.ui-grid-col-4, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-grid-row .crm-question.ui-grid-col-6 {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media only screen and (min-width: 200px) and (max-width: 640px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-grid-row .crm-question.ui-grid-col-4, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-grid-row .crm-question.ui-grid-col-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-step-layout.ui-grid-col- .crm-section-name {
  text-align: left;
  font-family: var(--wc-font-family);
  letter-spacing: 0.5px;
  font-size: calc(var(--wc-fs-heading4) * 1px);
  color: var(--heading-color5);
  text-transform: capitalize;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-step-layout.ui-grid-col- .crm-section-name {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-calendar.e-control-calendar {
  height: calc(var(--field-height) * 1px);
  display: block;
  position: relative;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-calendar.e-control-calendar.ui-trigger-calendar .ui-inputfield.hasDatepicker {
  width: 100%;
  float: left;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-calendar.e-control-calendar.ui-trigger-calendar .ui-datepicker-trigger {
  position: absolute;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete {
  width: 100%;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete .ui-autocomplete-input {
  width: 100%;
  float: left;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete .ui-autocomplete-dropdown {
  height: calc((var(--field-height) - 2) * 1px);
  background: var(--wc-body-bg);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 40px;
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete .ui-autocomplete-dropdown {
    right: 0.0454338937vw;
    width: 40px;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete .ui-autocomplete-dropdown .ui-icon {
  color: var(--wc-font-color);
  position: initial;
  font-size: 18px;
  margin: 0;
  display: flex;
  justify-content: center;
  font-family: var(--fontawesome-family);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete .ui-autocomplete-dropdown .ui-icon {
    font-size: 0.8178100863vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete .ui-autocomplete-dropdown .ui-icon.ui-icon-triangle-1-s::before {
  content: var(--arrow-icon-down);
  font-weight: 600;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-autocomplete.e-control-autocomplete .ui-autocomplete-dropdown .ui-button-text {
  display: none;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container label.ui-inputfield {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container label.ui-inputfield {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question {
  margin: 0px;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question {
    margin: 0px 0 12px 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .ui-datatable {
  border: none;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div {
  width: 100% !important;
  display: block !important;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panel .ui-panel-content {
  border: none;
  color: var(--wc-font-color);
  background-color: var(--white-color);
  padding: 0;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panel .ui-panel-content .ui-outputlabel {
  border: none;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  border-radius: var(--borderRadius);
  padding: 1rem;
  font-size: calc(var(--wc-font-size) * 1px);
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panel .ui-panel-content .ui-outputlabel {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div > .ui-outputlabel {
  border: none;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  border-radius: var(--borderRadius);
  padding: 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div > .ui-outputlabel {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell label {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0.5rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span > div:first-child {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0.5rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span > div:first-child {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar {
  border: none;
  background-color: transparent;
  padding: 0;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar {
    padding: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose {
  display: inline-flex;
  align-items: center;
  outline: none;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
  position: initial;
  display: inline-flex;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-right: 5px;
  font-size: 14px;
  text-indent: 0;
  overflow: visible;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
    margin-top: 0;
    margin-right: 0.2271694684vw;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon:before {
  content: var(--plus-icon-1);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
  padding: 0;
  display: inline-flex;
  line-height: normal;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
    padding: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {
    top: 0;
    left: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-content {
  padding: 0;
  border: none;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question > div .ui-fileupload .ui-fileupload-content {
    padding: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .crm-question-label {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .crm-question-label {
    margin: 0 0 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .ui-selectonemenu {
  width: 100%;
  min-width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white-color);
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .crm-action-submit {
  width: max-content;
  margin-left: auto;
  display: block;
  margin-top: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .crm-action-submit {
    width: 100%;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table-striped tbody tr .ui-selectbooleancheckbox {
  width: 100% !important;
  display: flex;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table-striped tbody tr .ui-selectbooleancheckbox {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .ui-grid-col-11 {
  width: 100%;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .ui-grid-col-11 .ui-selectonemenu.e-control-menu {
  margin-top: 0.8rem !important;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .ui-grid-col-11 .ui-selectonemenu.e-control-menu:nth-child(1) {
  margin-top: 0px !important;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .ui-grid-col-11 input,
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .ui-grid-col-11 textarea {
  width: 100% !important;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div table tbody tr {
  background: transparent;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div table tbody tr td {
  padding: 0;
  border: none;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div table tbody tr td .crm-int-heading {
  color: var(--wc-font-color);
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
  padding: 0px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: transparent;
  line-height: normal;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div table tbody tr td .crm-int-heading {
    margin-bottom: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div table.ui-selectoneradio tbody tr td {
  width: 100%;
  float: left;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div table.ui-selectoneradio tbody tr td {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div.ui-datatable-tablewrapper table {
  margin-top: 0px;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div.ui-datatable-tablewrapper table tbody tr td {
  padding: 8px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question div.ui-datatable-tablewrapper table tbody tr td {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td textarea {
  height: calc(var(--field-height) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td textarea {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td textarea,
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td input,
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-selectonemenu {
  width: 100% !important;
  margin: 0;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td textarea.e-control-menu,
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td input.e-control-menu,
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-selectonemenu.e-control-menu {
  background-color: var(--white-color);
  width: 100% !important;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td textarea.e-control-menu label.ui-inputfield,
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td input.e-control-menu label.ui-inputfield,
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-selectonemenu.e-control-menu label.ui-inputfield {
  color: var(--wc-font-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td textarea.e-control-menu label.ui-inputfield,
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td input.e-control-menu label.ui-inputfield,
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-selectonemenu.e-control-menu label.ui-inputfield {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn.ui-area-btn-danger, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn-danger.events-cal-link, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn.ui-area-btn-success, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn-success.events-cal-link {
  padding: 4px 8px;
  margin-right: 8px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn.ui-area-btn-danger, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn-danger.events-cal-link, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn.ui-area-btn-success, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn-success.events-cal-link {
    padding: 0.1817355747vw 0.3634711495vw;
    width: 1.72648796vw;
    height: 1.72648796vw;
    margin-left: 0.3634711495vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn.ui-area-btn-danger i, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn-danger.events-cal-link i, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn.ui-area-btn-success i, body.wcprop-2 .crm-portlet section.portlet .crm-form-container .crm-question .table tbody tr td .ui-commandlink.ui-widget.ui-area-btn-success.events-cal-link i {
  color: var(--white-color);
  margin: 0;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-inputfield {
  width: 100%;
}
body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-confirm-dialog.ui-dialog .ui-area-btn-success.ui-confirmdialog-yes {
  margin-right: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .crm-form-container .ui-confirm-dialog.ui-dialog .ui-area-btn-success.ui-confirmdialog-yes {
    margin-right: 0.5815538392vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print,
body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print,
  body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print,
  body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print,
  body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print,
  body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print,
  body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print:hover,
body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print:hover, body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print:focus,
body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print:hover,
body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print:focus {
  text-decoration: none;
}
body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print:not([disabled]):not(.disabled):active, body.wcprop-2 .crm-portlet section.portlet .ref-map-div .ui-area-btn-print:not([disabled]):not(.disabled).active,
body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print:not([disabled]):not(.disabled):active,
body.wcprop-2 .crm-portlet section.portlet .crm-add-form .ui-area-btn-print:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row .btn-responsive {
  width: max-content;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row .btn-responsive a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row .btn-responsive a {
    margin-top: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row .btn-responsive {
  width: max-content;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row .btn-responsive a {
  margin-top: 0;
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row .btn-responsive a {
    margin-top: 0;
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-grid > .ui-grid-row .btn-responsive {
  width: max-content;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-grid > .ui-grid-row .btn-responsive {
    margin-bottom: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-grid > .ui-grid-row .btn-responsive a {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-grid > .ui-grid-row .btn-responsive a {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog {
  background: var(--white-color);
  width: 60% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  top: 30% !important;
  -webkit-transform: translateY(-30%) !important;
  -moz-transform: translateY(-30%) !important;
  -ms-transform: translateY(-30%) !important;
  -o-transform: translateY(-30%) !important;
  transform: translateY(-30%) !important;
  padding: 0;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content {
  padding: 0;
  border: none;
  color: var(--wc-font-color);
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .heading {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: normal;
  color: var(--wc-font-color);
  padding: 1rem;
  width: 100%;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-commandlink.cross {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-commandlink.cross {
    top: 0.726942299vw;
    right: 0.726942299vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-grid {
  width: 100%;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-grid {
    padding: 0 0.726942299vw;
    margin-bottom: ge4k(16px);
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-grid > .ui-grid-row .btn-responsive a.ui-area-btn-print {
  background: transparent;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-grid > .ui-grid-row .btn-responsive a.ui-area-btn-print:hover {
  background: var(--secondary-color);
  color: var(--btn-text-hover);
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-fluid {
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-fluid {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > .sec-lay-row {
  display: flex;
  align-items: center;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span a {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span a i {
  font-size: 12px;
  margin-right: 0;
  margin-left: 5px;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > span a i {
    font-size: 0.5452067242vw;
    margin-right: 0;
    margin-left: 0.2271694684vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > .add-row-icon .ui-commandlink {
  width: max-content;
  display: inline-flex;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > .add-row-icon .ui-commandlink i {
  display: inline-flex;
  margin-left: 5px;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > [class*=ui-grid-col] .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > .add-row-icon .ui-commandlink i {
    margin-left: 0.2271694684vw;
    margin-right: 0;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-titlebar {
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content {
  padding: 0.5rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel {
  padding: 0;
  border: none;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  color: var(--wc-font-color);
  padding: 0.5rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel .ui-datagrid .ui-datagrid-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel .ui-datagrid .ui-datagrid-content table tbody tr td {
  display: flex;
  align-items: center;
  padding: 8px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel .ui-datagrid .ui-datagrid-content table tbody tr td {
    padding: 0.3634711495vw !important;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel .ui-datagrid .ui-datagrid-content table tbody tr td > .display-all-icon {
  margin-left: auto;
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel .ui-datagrid .ui-datagrid-content table tbody tr td > .magin-r i::before {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-panel .ui-panel-content .ui-fluid .ui-scrollpanel .ui-datagrid .ui-datagrid-content table tbody tr td > .magin-r i::before {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid > .ui-selectonemenu,
body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-inputfield {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid > .ui-selectonemenu,
  body.wcprop-2 .crm-portlet section.portlet .portlet-content-editable .ui-fluid > .ui-fluid .ui-grid-row > .ui-fluid .ui-inputfield {
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .btn-group-content.btn-group-primefaces {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .btn-group-content.btn-group-primefaces {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper table {
    table-layout: auto;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper table tr {
    border: none;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .cancel-trash a.ui-commandlink.ui-widget i {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--primary-color);
  margin: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .cancel-trash a.ui-commandlink.ui-widget i {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .cancel-trash a.ui-commandlink.ui-widget i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .cancel-trash a.ui-commandlink.ui-widget i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .update-cc-status .ui-selectbooleanbutton {
  padding: 5px 8px;
  width: max-content;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  background-color: var(--success);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .update-cc-status .ui-selectbooleanbutton {
    padding: 0.2271694684vw 0.3634711495vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .update-cc-status .ui-selectbooleanbutton .ui-button-text.ui-c {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .update-cc-status .ui-selectbooleanbutton .ui-button-text.ui-c {
    padding: 0;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .update-cc-status .ui-selectbooleanbutton.ui-state-active {
  background-color: var(--danger);
  border-color: var(--danger);
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content tr {
    border: none;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content tr td {
  color: var(--wc-font-color);
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content tr td {
    display: flex;
    border-bottom: 1px solid var(--wc-border-color);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content tr td .ui-column-title {
    margin-right: auto;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .label-success {
  background-color: transparent;
  color: var(--success);
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .label-success {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .label-success::before {
  content: "●";
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-datatable.ui-datatable-reflow .ui-datatable-tablewrapper .ui-datatable-data.ui-widget-content .label-success::before {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content {
  border: none;
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell:first-child {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell:first-child {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell:first-child {
    padding-bottom: 0;
    font-size: calc(var(--wc-mobile-font-size) - 2px);
    line-height: normal;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: inline-block;
  margin: 0 0 10px;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget:hover, body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget:focus {
  text-decoration: none;
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget:not([disabled]):not(.disabled):active, body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-fluid .ui-panelgrid.cc-grid-view .ui-panelgrid-content.ui-widget-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 a.ui-commandlink.ui-widget {
    margin: 0 0 0.4543389368vw;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive {
  width: max-content;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive {
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive {
    width: 100%;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-success {
  width: max-content;
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-success {
    width: 100%;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-danger {
  width: max-content;
}
@media (max-width: 640px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-2.btn-responsive .ui-commandlink.ui-area-btn-danger {
    width: 100%;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--bg-text-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .cross {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .chit-heading {
  background: var(--primary-color);
  color: var(--bg-text-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  margin-bottom: 0;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0.5452067242vw;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border: none;
  padding: 1rem 1.25rem;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio0) * 1vw);
    padding: 0.726942299vw 0.9086778737vw;
    margin: 0;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    padding: 0;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box a {
  color: var(--primary-color);
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box a:hover .well .address-heading {
  color: var(--primary-color);
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box a:hover .well .address-content {
  color: var(--primary-color);
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  width: 100%;
  margin-bottom: 0.25rem;
  transition: 0.2s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.1817355747vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-heading {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--wc-font-color);
  padding-right: 5px;
  transition: 0.2s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .address-box .well .address-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .label-success {
  background-color: var(--success);
  color: var(--white-color);
  padding: 3px 5px !important;
  display: inline-block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet form .ui-dialog .ui-dialog-content .ui-datagrid .label-success {
    padding: 0.1363016811vw 0.2271694684vw;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet .portlet-content-editable form .ui-panelgrid.ui-widget .ui-panelgrid.ui-panelgrid-content {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet .portlet-content-editable form .ui-panelgrid.ui-widget .ui-panelgrid.ui-panelgrid-content {
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet .portlet-content-editable form .ui-panelgrid.ui-widget .ui-panelgrid.ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet section.portlet .portlet-content-editable form .ui-panelgrid.ui-widget .ui-panelgrid.ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet .portlet-content-editable form .ui-panelgrid.ui-widget .ui-panelgrid.ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet section.portlet .portlet-content-editable form .ui-panelgrid.ui-widget .ui-panelgrid.ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet section.portlet .portlet-content-editable form .ui-panelgrid.ui-widget .ui-panelgrid.ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 input {
  width: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-g [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-g [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panelgrid-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-datalist-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panelgrid-content,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-datalist-content {
  border: transparent;
  padding: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .dining-grid,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .dining-grid,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .dining-grid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .dining-grid,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .dining-grid,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .dining-grid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content.ui-widget-content .availableTimes,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content.ui-widget-content .availableTimes,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content.ui-widget-content .availableTimes {
  margin-top: 1rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content.ui-widget-content .availableTimes,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content.ui-widget-content .availableTimes,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content.ui-widget-content .availableTimes {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .reservation-confirmation,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .reservation-confirmation,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .reservation-confirmation {
  color: var(--heading-color2);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center {
  text-align: left !important;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h4,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h4,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h4 {
  color: var(--wc-font-color);
  font-weight: normal;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h4,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h4,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h4 {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h4,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h4,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h4 {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h4,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h4,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h4 {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h5,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h5,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h5 {
  color: var(--wc-font-color);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 0) * 1px);
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h5,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h5,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h5 {
    font-size: calc((var(--wc-font-size) + 0) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h5,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h5,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h5 {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center h5,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center h5,
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center h5 {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid-row .text-center .ui-commandlink.ui-area-btn-primary,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid-row .text-center .ui-commandlink.ui-area-btn-primary,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid-row .text-center .ui-commandlink.ui-area-btn-primary {
  display: inline-block;
  margin: 0 0 1rem;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-grid.ui-grid.ui-grid-responsive .btn-responsive,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-grid.ui-grid.ui-grid-responsive .btn-responsive,
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-datalist .ui-panel-content .ui-grid.ui-grid.ui-grid-responsive .btn-responsive {
  width: auto;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  display: block;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  min-height: initial;
  padding: 10px;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
    padding: 0.4543389368vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-icon {
  font-family: var(--fontawesome-family);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-icon.ui-icon-minusthick::before {
  content: var(--minus-icon-1);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-icon.ui-icon-plusthick::before {
  content: var(--plus-icon-1);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-icon::before {
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-chkbox-box .ui-chkbox-icon {
  color: var(--white-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-chkbox-box .ui-chkbox-icon::before {
  display: none;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-chkbox-box.ui-state-active .ui-chkbox-icon::before {
  content: var(--check-icon);
  display: block;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-panel-title .ui-selectbooleancheckbox {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-titlebar .ui-panel-title .ui-selectbooleancheckbox {
    margin-bottom: 0;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow {
  padding: 0.5rem;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  border-top: none;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow th[role=columnheader] {
    vertical-align: middle;
    padding: 0.5rem 0.3rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow th[role=columnheader] .ui-column-title {
    word-break: break-word;
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow th[role=columnheader] .ui-column-title {
    word-break: break-all;
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] {
    display: flex;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title {
  display: none;
}
@media (max-width: 640px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title {
    display: unset;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
    min-width: 0;
    margin: 0 1em 0 0;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .cancel-trash a {
  padding-left: 3px;
  color: var(--wc-font-color);
  transition: 0.3s all;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .cancel-trash a {
    transition: none;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .cancel-trash a:hover, body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .cancel-trash a:focus {
  color: var(--primary-hover-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .cancel-trash a i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .cancel-trash a i {
    margin-right: 0;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div {
  padding: 5rem 1rem;
  position: relative;
  border-radius: var(--borderRadius);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label {
  z-index: 1;
  position: relative;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid {
  margin-bottom: 15px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid {
    margin-bottom: 0.6815084053vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-grid .ui-panel .ui-panel-content .ui-grid-col-10 {
  width: 83.33333333%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content > .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content > .ui-grid-row:first-child {
  font-weight: 600;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content > .ui-grid-row:first-child {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content > .ui-grid-row:first-child {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content > .ui-grid-row:first-child {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content .ui-selectonemenu,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content .ui-calendar {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content .ui-selectonemenu,
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panel-content .ui-calendar {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-widget-content {
  background: transparent;
  font-weight: 600;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-widget-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-widget-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-widget-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid h3 {
  color: var(--white-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
  border: transparent;
  background: transparent;
}
@media (max-width: 640px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid .ui-panelgrid-cell.ui-md-3 {
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .btn-responsive[class*=ui-grid-col] {
  margin: 0 0 0 15px;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .btn-responsive[class*=ui-grid-col]:first-child {
  margin: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid .btn-responsive[class*=ui-grid-col] .ui-commandlink {
  margin: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label .ui-fluid > .ui-grid-responsive .ui-panel {
  width: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label > .ui-grid-responsive {
  margin-bottom: 15px;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label > .ui-grid-responsive .btn-responsive {
  width: auto;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-search-div .dining-search-label > .ui-grid-responsive .ui-grid-row .ui-panel {
  width: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data {
  display: flex;
  flex-direction: column;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
  margin-bottom: 1rem;
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .heading-background {
  background-color: var(--primary-color);
  color: var(--bg-text-color);
  display: block;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  min-height: initial;
  padding: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .heading-background {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
    padding: 0.4543389368vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .heading-background {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .heading-background {
    padding: 6px;
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .heading-background i {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .heading-background i {
    margin-right: 0.2271694684vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .heading-background i {
    margin-right: 2px;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-partySize {
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0 0.8rem;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-partySize {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0 0.5815538392vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list {
  padding: 0.8rem;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list {
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-slot-list-item {
  float: left;
  width: 25%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-slot-list-item {
    width: 50%;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-slot-list-item .dining-slot-div .ui-commandlink {
  display: block;
  background: var(--wc-overlay-bg);
  margin: 6px 3px;
  text-align: center;
  color: var(--bg-text-color);
  padding: 0.5rem;
  transition: 0.2s background;
  will-change: background;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-slot-list-item .dining-slot-div .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-slot-list-item .dining-slot-div .ui-commandlink {
    margin: 0.2726033621vw 0.1363016811vw;
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-slot-list-item .dining-slot-div .ui-commandlink:hover, body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-slot-list-item .dining-slot-div .ui-commandlink:focus {
  background: var(--primary-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location {
  width: 100%;
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location {
    padding: 0.3634711495vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .dining-sub-location-label {
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-bottom: 0.5rem;
  display: block;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .dining-sub-location-label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0272603362vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row {
  background: transparent;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column {
  border: none;
  width: 25%;
  padding: 6px 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column {
    padding: 0.2726033621vw 0.1363016811vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .dining-sub-locations {
  width: 100%;
  background: var(--wc-overlay-bg);
  display: block;
  padding: 0.5rem 1rem;
  text-align: center;
  color: var(--bg-text-color);
  transition: 0.3s background;
  will-change: background;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .dining-sub-locations {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .dining-sub-locations {
    padding: 0.3634711495vw 0.726942299vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .dining-sub-locations:hover, body.wcprop-2 .DiningReservation-portlet section.portlet .availableTimes .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .dining-slots-list .dining-sub-locations-desktop .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .dining-sub-locations:focus {
  background: var(--primary-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  display: block;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  min-height: initial;
  padding: 1rem;
  border: none;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar .ui-icon {
  font-family: var(--fontawesome-family);
  vertical-align: top;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar .ui-icon.ui-icon-minusthick::before {
  content: var(--minus-icon-1);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar .ui-icon.ui-icon-plusthick::before {
  content: var(--plus-icon-1);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar .ui-icon::before {
  font-weight: 600;
  color: var(--bg-text-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-titlebar .ui-icon::before {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-content {
  padding: 0.8rem;
  border: 1px solid var(--wc-border-color);
  border-top: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .ui-panel-content {
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row,
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row > [class*=ui-grid-col],
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row > [class*=ui-grid-col] {
    margin-bottom: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .member-guest-index label,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .member-guest-index label {
  margin-bottom: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .member-guest-index i,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .member-guest-index i {
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .member-guest-index i,
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .member-guest-index i {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .member-guest-index .remove-guest-row,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .member-guest-index .remove-guest-row {
  color: var(--wc-base-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .dining-guest-input-container tbody tr,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .dining-guest-input-container tbody tr {
  background: transparent;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .dining-guest-input-container tbody tr td,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .dining-guest-input-container tbody tr td {
  border: none;
  padding: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .dining-guest-input-container tbody tr td.guest-erase .ui-commandlink i,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .dining-guest-input-container tbody tr td.guest-erase .ui-commandlink i {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .dining-guest-input-container tbody tr td.guest-erase .ui-commandlink i,
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .dining-guest-input-container tbody tr td.guest-erase .ui-commandlink i {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-right: 0;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .desktop-padding-left-10px .ui-selectbooleancheckbox,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .desktop-padding-left-10px .ui-selectbooleancheckbox {
  width: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label,
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label,
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label,
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-even-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label,
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-odd-row .desktop-padding-left-10px .ui-selectbooleancheckbox .ui-chkbox-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-addGuest {
  color: var(--primary-color);
  font-weight: 600;
  position: relative;
  margin-bottom: 2px;
  background: transparent;
  padding: 0;
  transition: 0.3s all;
  will-change: color;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-addGuest {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-addGuest {
    margin-bottom: 0.0908677874vw;
    margin-left: 0.3634711495vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-addGuest:hover, body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-addGuest:focus {
  color: var(--primary-color-hover);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-addGuest::after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: var(--wc-border-color);
  left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .dining-guests-panel .dining-addGuest::after {
    bottom: -0.0908677874vw;
    height: 0.0454338937vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell table tbody tr {
  background: transparent;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell table tbody tr td {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell table tbody tr td {
    padding: 0;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell table tbody tr td .ui-inputfield {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell table tbody tr td .ui-inputfield {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell table tbody tr td .ui-slider {
  background: var(--wc-border-color);
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton {
  width: max-content !important;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--wc-border-color);
  color: var(--wc-font-color);
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton {
    padding: 0.1817355747vw 0.3634711495vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-icon-left {
  font-family: var(--fontawesome-family);
  position: initial;
  top: initial;
  left: initial;
  margin-top: 0;
  color: inherit;
  margin-right: 5px;
  font-size: 12px;
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-icon-left {
    font-size: 0.5452067242vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-icon-left.pi-check::before, body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-icon-left.ui-icon-check::before {
  content: var(--check-icon);
  font-weight: 600;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-icon-left.pi-times::before, body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-icon-left.ui-icon-close::before {
  content: var(--close-icon);
  font-weight: 600;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-text {
  text-align: left;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell .ui-selectbooleanbutton .ui-button-text {
    padding: 0;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell select[multiple] {
  border: 1px solid var(--wc-border-color);
  padding: 0.25rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell select[multiple] {
    padding: 0.1817355747vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panel .ui-panel-content > span {
  display: none;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panel .ui-panel-content > span:not(:empty) {
  padding: 1rem;
  display: block;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panel .ui-panel-content > span:not(:empty) .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-selectbooleancheckbox {
  margin-bottom: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup {
  width: 26% !important;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup {
    width: 50% !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup {
    width: 100% !important;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel {
  position: relative;
  width: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
  background: transparent;
  line-height: normal;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr {
  display: flex;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td {
  max-width: 100%;
  flex: 0 0 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td .ui-grid-row .ui-grid-col-12.btn-responsive {
  width: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td .ui-grid-row .ui-grid-col-12.btn-responsive .dining-popup-sub-location-link {
  position: relative;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td .ui-grid-row .ui-grid-col-12.btn-responsive .dining-popup-sub-location-link .ui-grid-row {
  margin: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td .ui-grid-row .ui-grid-col-12.btn-responsive .dining-popup-sub-location-link .ui-grid-row .ui-grid-col-6.dining-popup-sub-location-name {
  margin-top: 0;
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td .ui-grid-row .ui-grid-col-12.btn-responsive .dining-popup-sub-location-link .ui-grid-row .ui-grid-col-6.margin-top {
  position: absolute;
  right: 10px;
  left: auto;
  width: auto;
  color: var(--btn-text-color);
  padding: 0;
  float: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td .ui-grid-row .ui-grid-col-12.btn-responsive .dining-popup-sub-location-link .ui-grid-row .ui-grid-col-6.margin-top {
    right: 0.4543389368vw;
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .ui-datagrid .ui-datagrid-content table.ui-datagrid-data tbody tr td .ui-grid-row .ui-grid-col-12.btn-responsive .dining-popup-sub-location-link .ui-grid-row .ui-grid-col-6.margin-top i {
  margin: 0;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn:hover, body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .DiningReservation-portlet section.portlet .ui-dialog.dining-sub-Locations-popup .dining-popup-sub-locations-panel .dining-popup-close-btn:hover {
  background: var(--danger);
}
body.wcprop-2 .portlet-document-library section.portlet .card,
body.wcprop-2 .portlet-document-library section.portlet .card-horizontal {
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .card,
  body.wcprop-2 .portlet-document-library section.portlet .card-horizontal {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .card .card-body {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .card .card-body {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .card .card-body .sticker-secondary,
body.wcprop-2 .portlet-document-library section.portlet .card .card-body .sticker-default {
  background-color: var(--white-color);
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .card .card-body .sticker {
  align-items: center;
  border-radius: var(--borderRadius);
  width: 2rem;
  height: 2rem;
  line-height: 2;
  font-size: 1rem;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .card .card-body .sticker {
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .card .card-body .sticker .lexicon-icon {
  fill: var(--wc-font-color);
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .card .card-body .sticker .lexicon-icon {
    width: 0.726942299vw;
    height: 0.726942299vw;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .card .card-body .autofit-col-gutters {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .card .card-body .autofit-col-gutters {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .card .card-body .autofit-col-gutters a {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar {
  margin-bottom: 1.5rem;
  min-height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .btn {
  background-color: transparent;
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  height: calc(var(--field-height) * 1px);
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .btn {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    margin: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .btn .inline-item {
  font-size: 16px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .btn .inline-item {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .btn .inline-item.inline-item-after {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .btn .inline-item.inline-item-after {
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .nav-link-monospaced {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item.dropdown .dropdown .nav-link-monospaced {
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item .nav-link-monospaced {
  background-color: transparent;
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  height: calc(var(--field-height) * 1px);
  margin: 0 0 0 0.5rem;
  padding: 0 1rem;
  font-size: 16px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item .nav-link-monospaced {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    margin: 0 0 0 0.3634711495vw;
    padding: 0 0.726942299vw;
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item .nav-link-monospaced.order-arrow-up-active .order-arrow-arrow-down {
  fill: #aeaeae;
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item .nav-link-monospaced.order-arrow-up-active .order-arrow-arrow-up {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item .nav-link-monospaced .lexicon-icon {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-nav .nav-item .nav-link-monospaced .lexicon-icon {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form {
  padding: 0;
  margin-left: 0.5rem;
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form {
    padding: 0;
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form {
    margin: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item {
  background-color: var(--primary-color);
  border: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item {
    margin: 0;
    padding: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item.input-group-inset-item-after {
  border-top-right-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
  border-left-width: 0;
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item .btn {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item .btn {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item .btn:hover {
  background-color: transparent;
}
body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item .btn .lexicon-icon {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .management-bar .container-fluid .navbar-form form .input-group .input-group-item .input-group-inset-item .btn .lexicon-icon {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary {
  padding: 0.5rem;
  margin-top: 1rem;
  margin-top: 1rem;
  background-color: var(--wc-body-bg);
  border: 1px solid var(--wc-border-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary {
    padding: 0.3634711495vw;
    margin-top: 0.726942299vw;
    margin-bottom: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid .tbar-nav .tbar-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid .tbar-nav .tbar-item {
    padding: 0 0.3634711495vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid .tbar-nav .tbar-item .tbar-section .component-text {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid .tbar-nav .tbar-item .tbar-section .component-text {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid .tbar-nav .tbar-item .tbar-section .tbar-label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid .tbar-nav .tbar-item .tbar-section .tbar-label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .subnav-tbar-primary .container-fluid .tbar-nav .tbar-item .tbar-section .component-link {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container {
  position: relative;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider {
  left: auto;
  right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider {
    left: auto;
    right: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar {
  width: 100%;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header {
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-actions {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: auto;
  float: inherit;
  order: 3;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-actions {
    padding-left: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: auto;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-actions .lfr-portal-tooltip .lfr-icon-item {
  display: flex;
  align-items: center;
  width: auto;
  height: 2rem;
  line-height: 1;
  text-align: revert;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-actions .lfr-portal-tooltip .lfr-icon-item {
    height: 1.4538845979vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-actions .lfr-portal-tooltip .lfr-icon-item .lexicon-icon {
  fill: #f5ee19;
  height: 1em;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-actions .lfr-portal-tooltip .lfr-icon-item .lexicon-icon {
    height: 0.726942299vw;
    margin: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-title {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color4);
  margin-right: 0.5rem;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-title {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-right: 0.3634711495vw;
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-title {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-subtitle {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color4);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-subtitle {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-subtitle {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-subtitle {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-subtitle {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-subtitle {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-header .sidebar-subtitle {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav .nav-item .nav-link {
  border-radius: 0;
  color: var(--wc-font-color);
  font-weight: 600;
  line-height: 1;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav .nav-item .nav-link {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav .nav-item .nav-link.active {
  color: var(--primary-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .nav .nav-item .nav-link.active:after {
  background-color: var(--primary-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dt {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: 600;
  color: var(--wc-font-color);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dt {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.1817355747vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dt {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dt {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dd {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dd {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dd {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-menu-slider .sidebar .sidebar-body .sidebar-block .sidebar-dd {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb {
    padding: 0.5452067242vw 0;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb li {
  float: inherit;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb .breadcrumb-item {
  margin-right: 0.5em;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-item + .breadcrumb-item::before {
  float: inherit;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M396.394%20255.607a28.207%2028.207%200%200%200-8.272-19.111L160.901%209.275c-11.026-11.059-28.94-11.059-39.999%200-11.058%2011.026-11.058%2028.941%200%2039.999l206.333%20206.333L120.902%20461.94c-11.058%2011.058-11.058%2028.973%200%2039.999%2011.059%2011.059%2028.972%2011.059%2039.999%200l227.221-227.221a28.196%2028.196%200%200%200%208.272-19.111z'%20fill='%236B6C7E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  top: 50%;
  left: 0;
  margin-top: -0.3em;
  padding: 0;
  position: absolute;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-library-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-item + .breadcrumb-item::before {
    width: 0.4543389368vw;
    height: 0.4543389368vw;
    left: 0;
    margin-top: -0.2180826897vw;
    padding: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .main-content-body .taglib-empty-result-message {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .main-content-body .taglib-empty-result-message {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .main-content-body .taglib-empty-result-message .sheet-text {
  color: var(--wc-font-color);
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .main-content-body .taglib-empty-result-message .sheet-text {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  /*start list view css*/
  /*end list view css*/
  /*start table veiw css*/
  /*end table veiw css*/
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper a {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .splitter-spaced {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  text-align: left;
  text-transform: capitalize;
  padding: 1rem 0.75rem;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .splitter-spaced {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .splitter-spaced {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .splitter-spaced {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .splitter-spaced {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon {
  margin-top: 0;
  margin-bottom: 2rem;
  padding: 1rem 0.5rem;
  border: 1px solid var(--wc-border-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon {
    margin-top: 0;
    margin-bottom: 1.4538845979vw;
    padding: 0.726942299vw 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon.row {
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon.row {
    margin-right: 0;
    margin-left: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-folder {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 25%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-folder {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-folder {
    width: 50%;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 25%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item {
    width: 50%;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset {
  border-radius: var(--borderRadius);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio {
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 66.25%;
  display: flex;
  position: relative;
  overflow: hidden;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .aspect-ratio-item-center-middle {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .aspect-ratio-item-center-middle.aspect-ratio-item-fluid {
  max-width: 100%;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .sticker-bottom {
  bottom: 1rem;
  left: 1rem;
  position: absolute;
  right: auto;
  top: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .sticker-bottom {
    bottom: 0.726942299vw;
    left: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .sticker-document {
  height: 1.25em;
  width: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .sticker-document {
    height: 0.9086778737vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .file-icon-color-5 {
  color: var(--danger);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .aspect-ratio .file-icon-color-5 {
    transform: scale(1.5);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row a {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-title {
  color: var(--wc-font-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-title {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-title {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-title {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-detail {
  color: var(--wc-font-color);
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-detail {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-detail {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .display-style-icon .lfr-asset-item .card-type-asset .card-body .card-row .card-detail {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar {
  background-color: var(--wc-body-bg);
  text-align: left;
  display: flex;
  padding: 1rem 1.5rem;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  text-shadow: none;
  align-items: center;
  justify-self: center;
  flex-wrap: wrap;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar {
    padding: 0.726942299vw 1.0904134484vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar {
    text-align: center;
    display: block;
    padding: 1rem 0.5rem;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page {
  border: 1px solid #bbb;
  border-radius: var(--borderRadius);
  margin-bottom: 0;
  padding: 0.25rem;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page {
    margin-bottom: 0;
    padding: 0.1817355747vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page a {
  align-items: center;
  color: var(--wc-font-color);
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  height: 2rem;
  padding: 0 0.5rem;
  text-decoration: none;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page a {
    height: 1.4538845979vw;
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page a .lexicon-icon {
  margin-left: 0.25rem;
  margin-top: 0;
  font-size: 20px;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page a .lexicon-icon {
    margin-left: 0.1817355747vw;
    margin-top: 0;
    font-size: 0.9086778737vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown {
  position: relative;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown ul {
  font-size: calc(var(--wc-font-size) * 1px);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown ul {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown ul {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown ul {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown ul li a {
  justify-content: left;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown ul li a:hover, body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-items-per-page.dropdown ul li a:focus {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-results {
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: 1;
  max-width: 100%;
  word-wrap: break-word;
  border: none;
  padding: 0 0.75rem;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-results {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0 0.5452067242vw;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-results {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination-results {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination {
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  border: none;
  padding: 0;
  margin-bottom: 0;
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
    margin-bottom: 0;
    margin-left: auto;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination {
    margin-left: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination {
    font-size: var(--wc-mobile-font-size);
    justify-content: center;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item.active {
  border: none;
  border-radius: var(--borderRadius);
  background-color: var(--wc-font-color);
  color: var(--white-color);
  box-shadow: none;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item.active a {
  color: var(--white-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item.active .page-link:focus, body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item.active .page-link:hover {
  background-color: var(--wc-font-color);
  color: var(--white-color);
  box-shadow: none;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item .page-link {
  border-radius: 0;
  color: var(--wc-font-color);
  background-color: transparent;
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin-left: 0;
  padding: 0 0.75rem;
  line-height: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item .page-link {
    height: 1.4538845979vw;
    margin-left: 0;
    padding: 0 0.5452067242vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item .page-link .lexicon-icon {
  fill: var(--wc-font-color);
  font-size: 14px;
  margin-top: 0;
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item .page-link .lexicon-icon {
    font-size: 0.6360745116vw;
    margin-top: 0;
    width: 0.726942299vw;
    height: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item .page-link:focus, body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .taglib-search-iterator-page-iterator-bottom .pagination-bar .pagination .page-item .page-link:hover {
  background-color: #eeeaea;
  color: var(--wc-font-color);
  border-radius: var(--borderRadius);
  border: none;
  box-shadow: none;
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group-header {
  font-family: var(--wc-heading-font-family2);
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  text-align: left;
  text-transform: capitalize;
  padding: 1rem 0.75rem;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group-header {
    padding: 0.726942299vw 0.5452067242vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group-header .list-group-header-title {
  padding: 0;
  margin: 0;
  color: var(--accordion-headtext-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  text-transform: capitalize;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group-header .list-group-header-title {
    padding: 0;
    margin: 0;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group-header .list-group-header-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group-header .list-group-header-title {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group-header .list-group-header-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group {
  border-radius: 0;
  color: var(--wc-font-color);
  margin: 0;
  padding-left: 0;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group {
    margin: 0;
    padding-left: 0;
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item {
  display: flex;
  align-items: center;
  box-shadow: none;
  border: 1px solid var(--wc-border-color);
  border-radius: 0;
  padding: 0.75rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item {
    padding: 0.5452067242vw 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item .autofit-col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item .autofit-col {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item h2.h5 {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item h2.h5 {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item h2.h5 {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item h2.h5 {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .list-group .list-group-item h2.h5 a {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker {
  border-radius: var(--borderRadius);
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker {
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    font-size: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker .lexicon-icon {
  height: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker .lexicon-icon {
    height: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker-secondary,
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker-default {
  background-color: var(--white-color);
  color: var(--wc-font-color);
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker-secondary,
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .searchcontainer-content .sticker-default {
    margin-top: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list .lfr-title-column a {
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list .lfr-status-column .label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list .lfr-status-column .label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list tbody .table-divider td {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-font-size) * 1px);
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border-radius: 0;
  text-align: left;
  text-transform: capitalize;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list tbody .table-divider td {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0.5452067242vw;
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list tbody .table-divider td {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list tbody .table-divider td {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header {
  border-bottom: 1px solid var(--wc-border-color);
  margin-bottom: 1em;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header {
    margin-bottom: 0.726942299vw;
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header .header-title {
  margin: 0;
  padding: 0;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header .header-title {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header .header-title {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header .header-title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header .header-title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header .header-title {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .taglib-header .header-title {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .btn-group-item {
  align-items: center;
  display: inline-flex;
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .btn-group-item {
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file {
  margin: 1rem auto;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file {
    margin: 0.726942299vw auto;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-file-container .preview-file-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-file-container .preview-file-image {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-file-max-height {
  height: 500px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-file-max-height {
    height: 22.7169468423vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: auto;
  margin-top: 1rem;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container {
    margin-top: 0.726942299vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .floating-bar {
  background-color: var(--accordion-headbg-color);
  padding: 0;
  margin: 0;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  color: var(--accordion-headtext-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .floating-bar {
    padding: 0;
    margin: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .floating-bar .btn {
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .floating-bar .btn {
    margin: 0;
    padding: 0;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .floating-bar .btn-floating-bar-text {
  background-color: transparent;
  border-radius: 0;
  border-left: 1px solid var(--wc-border-color);
  border-right: 1px solid var(--wc-border-color);
  padding: 0 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .floating-bar .btn-floating-bar-text {
    padding: 0 0.1817355747vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .btn-monospaced {
  height: 2.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.25rem;
  width: 2.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row .preview-file .preview-toolbar-container .btn-monospaced {
    height: 1.8173557474vw;
    padding: 0.1817355747vw 0;
    width: 1.8173557474vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section {
  padding: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion {
  font-size: inherit;
  width: 100%;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion {
    margin: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  overflow: hidden;
  padding: 0;
  margin-top: 4rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset {
    padding: 0;
    margin-top: 2.9077691958vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 {
  background-color: var(--wc-body-bg);
  padding: 0.75rem;
  margin-bottom: 0rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 {
    padding: 0.5452067242vw;
    margin-bottom: 0vw !important;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .text-secondary {
  color: var(--wc-font-color);
  justify-content: center;
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0;
  padding: 6px 14px;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:hover, body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:focus {
  text-decoration: none;
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:not([disabled]):not(.disabled):active, body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    margin: 0;
    padding: 0.2726033621vw 0.6360745116vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .mb-4 .btn-outline-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container {
  padding: 0.75rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container {
    padding: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container {
    padding: 0.5rem;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker {
  width: 50px;
  height: 50px;
  align-items: center;
  border-radius: 100px;
  line-height: normal;
  display: inline-flex;
  justify-content: center;
  position: relative;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker {
    width: 2.2716946842vw;
    height: 2.2716946842vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker {
    width: 40px;
    height: 40px;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-details .sticker.user-icon-color-5 {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-editor .button-holder {
  margin: 1rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .lfr-discussion-reply-container .lfr-discussion-editor .button-holder {
    margin: 0.726942299vw 0 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion fieldset.add-comment .alloy-editor-container .alloy-editor {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion {
    margin-top: 1.0904134484vw;
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion:first-of-type {
  border-top: none;
  padding-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion:first-of-type {
    padding-top: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .autofit-col .sticker {
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
  background-color: var(--white-color);
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: normal;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .autofit-col .sticker {
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .autofit-col .sticker .inline-item svg.lexicon-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  line-height: var(--wc-base-lineHeight);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .widget-metadata .text-truncate .username {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body {
  padding-left: 3rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body {
    padding-left: 2.1808268969vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls {
  border-bottom: 1px solid var(--wc-border-color);
  border-top: 1px solid var(--wc-border-color);
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls {
    padding-top: 0.726942299vw;
    padding-bottom: 0.726942299vw;
    margin-top: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls {
    padding: 0.75rem 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary {
  padding: 0 0.8rem 0 0;
  margin-right: 0.8rem;
  background-color: transparent;
  color: #aeaeae;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: normal;
  text-transform: uppercase;
  border-right: 1px solid var(--wc-border-color);
  border-radius: 0;
  display: flex;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary {
    margin-right: 0.5452067242vw;
    padding: 0 0.5452067242vw 0 0;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button {
  background: transparent;
  color: #aeaeae;
  padding: 0;
  line-height: normal;
  width: auto;
  height: auto;
  border-right: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button {
    padding: 0;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-secondary .inline-item-before button svg {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-borderless {
  margin-left: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .btn-outline-borderless {
    margin-left: 0;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .thumbrating .thumbrating-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    padding: 0 0.2rem 0 0;
    margin-right: 0.2rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    padding: 0 0.8rem 0 0;
    margin-right: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    padding: 0 0.8rem 0 0;
    margin-right: 0.8rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-document-library section.portlet .container-fluid-1280 .sidenav-content .body-row section .taglib-discussion .lfr-discussion .comment-container .lfr-discussion-body .lfr-discussion-controls .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
body.wcprop-2 .portlet-document-library section.portlet .portlet-content-editable .container-fluid .navbar-nav .nav-item .custom-control input {
  height: auto;
}
body.wcprop-2 #clay_dropdown_portal ul.list-unstyled {
  padding-left: 0;
  list-style: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #clay_dropdown_portal ul.list-unstyled {
    padding-left: 0;
  }
}
body.wcprop-2 #clay_dropdown_portal .dropdown-menu {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  box-shadow: none;
  max-width: 240px;
  max-height: 500px;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #clay_dropdown_portal .dropdown-menu {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    max-width: 10.9041344843vw;
    max-height: 22.7169468423vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 #clay_dropdown_portal .dropdown-menu {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-subheader {
  color: var(--wc-font-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-subheader {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-top: 0.3634711495vw;
    padding: 0.3634711495vw 0.5452067242vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-subheader {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-subheader:first-child {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-subheader:first-child {
    margin-top: 0;
  }
}
body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-item {
    padding-top: 0.3634711495vw;
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-item.active {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-item:hover, body.wcprop-2 #clay_dropdown_portal .dropdown-menu ul .dropdown-item:focus {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .col-md-8 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list .lfr-title-column a,
body.wcprop-2 .wcl-col-9 .portlet-document-library section.portlet .sidenav-container .sidenav-content .document-container .document-container .lfr-search-container-wrapper .table-list .lfr-title-column a {
  width: 75%;
  vertical-align: middle;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-grid-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-grid-row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .shop-add-update-button {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 6) * 1px);
  padding: 0.8rem 0.4rem;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .shop-add-update-button {
    font-size: calc((var(--wc-font-size) - 6) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0.1817355747vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4.ui-grid-col-9 {
    max-width: 70%;
    flex: 0 0 70%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4.ui-grid-col-9 {
    width: auto;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .ui-accordion-header {
  margin-top: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .ui-accordion-header {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .shop-items dl dt:last-child hr {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .shop-items dl dt .shop-sold {
  text-align: center;
  color: var(--btn-danger);
  text-transform: uppercase;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 6) * 1px);
  font-weight: bold;
  letter-spacing: 0.5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .shop-items dl dt .shop-sold {
    font-size: calc((var(--wc-font-size) - 6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .shop-items dl dt .shop-item-grid .ui-panelgrid-cell.ui-grid-col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .shop-items dl dt .shop-item-grid .ui-panelgrid-cell.ui-grid-col-2 {
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-4 .ui-accordion .shop-items dl dt .shop-item-grid .ui-panelgrid-cell.ui-grid-col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header {
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 0.8rem;
  border: none;
  font-weight: bold;
  border-radius: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-header-title {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  text-transform: uppercase;
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-header-title {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button {
  margin: 0 0 0 0.5rem;
  position: relative;
  top: 0;
  color: var(--white-color);
  font-size: calc((var(--wc-font-size) + 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
    margin: 0 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  text-indent: 0;
  text-align: center;
  background: 0;
  display: inline-block;
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button:hover,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button:not(.ui-state-disabled):hover,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button:not(.ui-state-disabled):hover {
  color: var(--primary-color-hover);
  cursor: not-allowed;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-page-links {
  margin: 0 0.5rem;
  position: relative;
  top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-page-links {
    margin: 0 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  text-indent: 0;
  text-align: center;
  background: 0;
  display: inline-block;
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:not(.ui-state-disabled):hover {
  color: var(--primary-color-hover);
  cursor: not-allowed;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport {
  border: 1px solid var(--wc-border-color);
  color: var(--white-color);
  padding: 0;
  background: var(--wc-body-bg);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  left: 0;
  display: flex;
  min-height: 335px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items {
    min-height: 15.2203543844vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 0px;
  padding: 0;
  float: left;
  height: 100%;
  border: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item a:-webkit-any-link:focus-visible {
  outline-offset: 0px;
  outline: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box-grid.shop-box-feat-items-grid {
  background: var(--wc-body-bg);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box-grid.shop-box-feat-items-grid tbody tr td {
  border: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box-grid.shop-box-feat-items-grid tbody tr td .shop-show-name {
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box-grid.shop-box-feat-items-grid tbody tr td .shop-show-name {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box-grid.shop-box-feat-items-grid tbody tr td .shop-show-price {
  color: var(--primary-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box-grid.shop-box-feat-items-grid tbody tr td .shop-show-price {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box-grid.shop-box-feat-items-grid tbody tr td .shop-box-image {
  width: 30%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr {
  background: transparent;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td {
  padding: 0;
  border: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .shop-your-order {
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.75rem 0;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .shop-your-order {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td hr {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .shop-cart-items-temp {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 253px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .shop-cart-items-temp {
    max-height: 11.4947751022vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .shop-cart-items-temp table.shop-order-grid tfoot tr td {
  border: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .shop-cart-items-temp table.shop-order-grid tfoot tr td a {
  width: 100%;
  display: block;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .ui-grid {
  border: 1px solid var(--wc-border-color);
  border-radius: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .ui-grid {
    padding: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .ui-grid .item-row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .ui-grid .item-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-box-grid.shop-order-box tbody tr td .ui-grid .ui-grid {
  border: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2.ui-grid-col-10 {
    max-width: 70%;
    flex: 0 0 70%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2.ui-grid-col-10 {
    width: auto;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2.ui-grid-col-10 hr {
  display: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2.ui-grid-col-10 .ui-md-3 {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2.ui-grid-col-10 .ui-md-3 {
    width: 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  height: 100%;
  margin: 0;
  overflow: hidden;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .shop-box-image {
  width: 65%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .ui-grid-row {
  align-items: center;
  justify-content: center;
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .ui-grid-row {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .shop-box-col {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .shop-box-col {
    padding-top: 0.3634711495vw;
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .shop-box-col .out-of-stock {
  text-align: center;
  color: var(--btn-danger);
  text-transform: uppercase;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 6) * 1px);
  font-weight: bold;
  letter-spacing: 0.5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-grid.shop-table .ui-datagrid-column .shop-box-grid.shop-box-items-grid .shop-box-col .out-of-stock {
    font-size: calc((var(--wc-font-size) - 6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row {
  display: flex;
  justify-content: flex-end;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: block;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a:hover,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a:hover, body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a:focus,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button:hover,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button:focus {
  text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a:not([disabled]):not(.disabled):active, body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button:not([disabled]):not(.disabled):active,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row a i,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .shop-previous-button i {
  display: inline-block;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-ship-button-row .ui-grid-col-2.btn-responsive {
  width: auto;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-spinner .ui-spinner-button.ui-button {
  z-index: 0;
  border: none;
  width: 35px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-spinner .ui-spinner-button.ui-button {
    width: 1.590186279vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-spinner .ui-spinner-button.ui-button .ui-button-text {
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-spinner .ui-spinner-input {
  padding: 0 45px 0 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-spinner .ui-spinner-input {
    padding: 0 2.0445252158vw 0 0.4543389368vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-4 {
  width: auto;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-2,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-4 {
    margin-top: 0.5815538392vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-2.btn-responsive,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-4.btn-responsive {
  width: max-content;
  flex: initial;
  max-width: initial;
  margin: 1rem 0 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-2.btn-responsive,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-4.btn-responsive {
    margin: 0.726942299vw 0 0 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-2 span.mandatory,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid .ui-grid-col-4 span.mandatory {
  display: unset;
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid span {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid span .ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid span .ui-grid-col-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid span .ui-grid-col-2,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-fluid span .ui-grid-col-4 {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-table {
  margin: 12px 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-table {
    margin: 0.5452067242vw 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-show-price {
  color: var(--primary-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-show-price {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-show-price {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .limited-stock {
  color: var(--btn-danger);
  font-weight: 600;
}
body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid hr {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td .shop-product-price {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--primary-color);
  font-weight: 600;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td .shop-product-price {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td .shop-product-price {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td .shop-product-price {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td .shop-product-price {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td span.ui-spinner.ui-widget.ui-corner-all.shop-spinner.col-cart-right {
  width: 100%;
  height: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet table.grid.product-grid > tbody > tr > td .shop-add-update-button.shop-product-add-cart-button {
  display: block;
  width: max-content;
}
body.wcprop-2 .eCommerce-portlet section.portlet table.grid.shop-comment-grid {
  margin: 0.8rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet table.grid.shop-comment-grid {
    margin: 0.5815538392vw 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet table.grid.shop-comment-grid textarea {
  width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .product-image {
  width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet #_eCommerce_WAR_northstarportlet_\:shoppingItemsForm\:inventoryItemsId .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-9 {
  max-width: 70%;
  flex: 0 0 70%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: none;
  padding: 0px;
  background-color: transparent;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 {
  width: auto;
  margin-right: auto;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
  margin: 0;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media only screen and (max-width: 1299px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading,
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 .heading.shop-heading {
    font-size: calc((var(--wc-fs-heading3) - 8) * 1px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 {
  width: auto;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger, body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datalist .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-datagrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datalist-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-datagrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn.ui-area-btn-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.btn-block.ui-area-btn-danger.events-cal-link {
  margin: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row {
    display: flex;
    flex-wrap: wrap;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-breadcrumb-cont {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-breadcrumb-cont {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-breadcrumb-cont .shop-breadcrumb-link {
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-breadcrumb-cont .shop-breadcrumb-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-breadcrumb-cont .shop-breadcrumb-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-breadcrumb-cont .shop-breadcrumb-link:first-child {
  margin-left: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-breadcrumb-cont .shop-breadcrumb-link:last-child {
  margin-right: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 {
    max-width: 30%;
    flex: 0 0 30%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu {
  border: none;
  box-shadow: none;
  position: initial;
  max-width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list {
  background: var(--wc-body-bg);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li:nth-child(2) {
  background: var(--primary-color);
  color: var(--white-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li:nth-child(2) {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li:nth-child(2)::before {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link span {
  color: var(--white-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-family: var(--wc-heading-font-family1);
  letter-spacing: 1px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link span {
    letter-spacing: 0.0454338937vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link span {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link span {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link span {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link span {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link span {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link:hover {
  background: transparent;
  color: var(--white-color);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list li.ui-menuitem:nth-child(2) a.ui-menuitem-link:hover .ui-menuitem-text {
  color: var(--white-color);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list.ui-helper-reset li.ui-widget-header.ui-corner-all h3 {
  font-family: var(--wc-heading-font-family1);
  background: transparent;
  color: inherit;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list.ui-helper-reset li.ui-widget-header.ui-corner-all h3 {
    letter-spacing: 0.0454338937vw;
    padding: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list.ui-helper-reset li.ui-widget-header.ui-corner-all h3 {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list.ui-helper-reset li.ui-widget-header.ui-corner-all h3:empty {
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header {
  border: none;
  padding: 0.75rem 0.75rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header {
    padding: 0.5452067242vw 0.5452067242vw 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header:first-child h3 {
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header::before {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header h3 {
  font-family: var(--wc-font-family);
  background: var(--secondary-color);
  color: var(--white-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0.8rem;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header h3 {
    padding: 0.5815538392vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header h3 {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-widget-header h3:empty {
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  padding: 0;
  font-size: calc(var(--wc-font-size) * 1px);
  letter-spacing: 1px;
  line-height: normal;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 0;
    letter-spacing: 0.0454338937vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover, body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link:hover {
  background: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text, body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text {
  color: var(--primary-color);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  letter-spacing: 1px;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  vertical-align: unset;
  color: var(--wc-font-color);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu li {
  display: flex;
  border-bottom: 1px solid var(--wc-border-color);
  line-height: normal;
  background: transparent;
  padding: 0.75rem 0.75em 0.75rem 1.5rem;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu li {
    padding: 0.5452067242vw 0.5452067242vw 0.5452067242vw 1.0904134484vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu li:first-child {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu li:last-child {
  border: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu li::before {
  content: var(--arrow-icon-right);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-1 .ui-menu li::before {
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2.ui-grid-col-7 {
    max-width: 40%;
    flex: 0 0 40%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2.ui-grid-col-7 {
    width: auto;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-search-input {
  max-width: calc(100% - 60px);
  float: left;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-search-input {
    max-width: calc(100% - 2.7260336211vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-search-input {
    width: calc(100% - 60px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content {
  border: 1px solid var(--wc-border-color);
  padding: 0.75rem;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 {
  max-width: 25%;
  flex: 0 0 25%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2:last-child {
  margin-top: auto;
  flex: 0 0 18.6666667%;
  max-width: 18.6666667%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-8 {
  flex: 0 0 56.3334%;
  max-width: 56.3334%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-8.shop-grid-col-2 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr {
  background: transparent;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr td {
  border: none;
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr td span {
  justify-content: flex-start;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr td span.shop-show-name {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr td span.shop-show-name {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr:last-child td {
  font-weight: 600;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr:last-child td.ui-grid-col-12 .ui-spinner {
  width: max-content;
  max-width: 100px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell .item-data-grid tbody tr:last-child td.ui-grid-col-12 .ui-spinner {
    max-width: 4.5433893685vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table dt {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table dt {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table dt:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table dt:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table dt hr {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table label {
  font-weight: normal;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-image {
  object-fit: cover;
  width: 100%;
  height: 220px;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-image {
    height: 9.9954566106vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-image {
    width: 60%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .ui-datalist .ui-datalist-content,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .ui-datalist .ui-datagrid-content,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .ui-datagrid .ui-datalist-content,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-add-update-button {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  margin-top: 0;
  width: max-content;
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-add-update-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-top: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-sold {
  text-align: center;
  color: var(--white-color);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 6) * 1px);
  font-weight: bold;
  letter-spacing: 0.5px;
  background: var(--danger);
  padding: 0.25rem 0.75rem;
  width: max-content;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table .shop-sold {
    padding: 0.1817355747vw 0.5452067242vw;
    letter-spacing: 0.0227169468vw;
    font-size: calc((var(--wc-font-size) - 6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > thead > tr > th {
  font-family: var(--wc-font-family);
  background: var(--wc-body-bg);
  color: var(--wc-font-color);
  font-weight: normal;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > thead > tr > th {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > thead > tr > th {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td .shop-product-price {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--secondary-color);
  font-weight: 900;
  display: flex;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td .shop-product-price {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td .shop-product-price {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td .shop-product-price {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-row .shop-grid-col-2 .shop-items.shop-table table > tbody > tr > td .shop-product-price {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 {
    max-width: 30%;
    flex: 0 0 30%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 {
    width: auto;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 hr {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-your-order {
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.75rem 0;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-your-order {
    padding: 0.5452067242vw 0;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-your-order {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box:hover, body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box:focus {
  text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box:not([disabled]):not(.disabled):active, body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box i {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box i {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .shop-no-order-box .ui-grid-row {
  display: block;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .ui-grid {
  border: 1px solid var(--wc-border-color);
  border-radius: 0;
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .ui-grid .item-row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-grid-col-3 .ui-grid .item-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button:hover, body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button:focus {
  text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button:not([disabled]):not(.disabled):active, body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-previous-button i {
  display: inline-block;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid {
  position: relative;
  border-bottom: 1px solid var(--wc-border-color);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid .shop-del-button {
  position: absolute;
  width: max-content !important;
  background: transparent;
  padding: 0;
  color: var(--wc-font-color);
  right: 0.5rem;
  top: 0.5rem;
  margin: 0 !important;
  float: initial !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid .shop-del-button {
    padding: 0;
    right: 0.3634711495vw;
    top: 0.3634711495vw;
    margin: 0 !important;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid .shop-del-button:hover i {
  color: var(--danger);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid .shop-del-button .distant {
  display: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid .shop-del-button i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid .shop-del-button i {
    margin-right: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid .shop-del-button i.fa-trash-alt::before {
  content: var(--close-icon);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tfoot tr td {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tfoot tr td {
    padding: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr {
  background: transparent;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td {
  border: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-im-col {
  width: 50px;
  padding: 8px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-im-col {
    width: 2.2716946842vw;
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-im-col img {
  width: 100%;
  max-width: 50px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-im-col img {
    max-width: 2.2716946842vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail {
  padding: 8px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-panelgrid-content {
  border: none;
  width: calc(100% - 20px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-panelgrid-content {
    width: calc(100% - 0.9086778737vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-g .ui-panelgrid-cell.ui-md-12 {
  padding: 0 0 0.5rem 0;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-g .ui-panelgrid-cell.ui-md-12 {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0 0 0.3634711495vw 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-g .ui-panelgrid-cell.ui-md-12 {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-g .ui-panelgrid-cell.ui-md-12 span {
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-g .ui-panelgrid-cell.ui-md-12 span {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-items-temp .shop-order-grid tbody tr td.shop-order-detail .ui-g:last-child .ui-panelgrid-cell.ui-md-12 {
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row {
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row {
    margin-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-input {
  width: 45%;
  float: left;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius) !important;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-input {
    width: calc(100% - 50px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button-link {
  height: calc(var(--field-height) * 1px);
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  width: 60px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button-link {
    width: 2.7260336211vw;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button .shop-search-button,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button-link .shop-search-button {
  background: transparent;
  padding: 0;
  margin: 0;
  height: auto;
  width: max-content;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button .shop-search-button,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button-link .shop-search-button {
    padding: 0;
    margin: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button i,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button-link i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button i,
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button-link i {
    margin-right: 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button:hover,
body.wcprop-2 .eCommerce-portlet section.portlet .shop-search-row .shop-search-button-link:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-table {
  text-align: center;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-table .col-cart-image img {
  width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-table .col-cart-right input {
  padding-right: 45px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .shop-cart-table .col-cart-right input {
    padding-right: 2.0445252158vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog.shop-desc-dialog img.shop-dialog-image {
  width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .shop-dialog-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 0 0 1rem 0;
  border-bottom: 1px solid var(--wc-border-color);
  margin-bottom: 0;
  flex: 0 0 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .shop-dialog-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0 0 0.726942299vw 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .shop-dialog-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .shop-dialog-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .cross.scp-approve-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .cross.scp-approve-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .label-info.shop-label {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .label-info.shop-label {
    margin-top: 0.5452067242vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content span {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive {
  width: auto;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .g2g-reset-row.text-right {
  display: flex;
  justify-content: flex-end;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table {
  margin: 0.8rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table {
    margin: 0.5452067242vw 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table {
    margin: 0.4rem 0;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr {
  background: var(--wc-body-bg);
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.ui-datagrid-column {
  padding: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td label {
  margin: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .label-danger,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .denied {
  background-color: transparent;
  text-align: center;
  color: var(--btn-danger);
  text-transform: uppercase;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 6) * 1px);
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .label-danger,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .denied {
    font-size: calc((var(--wc-font-size) - 6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner {
  position: relative;
  width: 100%;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a {
  cursor: default;
  font-size: calc(var(--wc-font-size) * 1px);
  height: 50%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a {
    width: 1.590186279vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a {
    position: relative;
    margin: 0 auto;
    width: 35px;
    height: 30px;
    border-radius: 0px !important;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a.g2g-decrease-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a.g2g-decrease-item-btn, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a.g2g-decrease-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a.g2g-decrease-item-btn {
  top: 0;
  right: 0;
  left: auto;
  border-radius: 0px var(--borderRadius) 0px 0px;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a.g2g-increase-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a.g2g-increase-item-btn, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a.g2g-increase-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a.g2g-increase-item-btn {
  bottom: 0;
  border-radius: 0px 0px var(--borderRadius) 0px;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner input.g2g-item-qty-field,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner input.g2g-item-qty-field, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner input.g2g-item-qty-field,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner input.g2g-item-qty-field {
  width: 100%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner input.g2g-item-qty-field,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner input.g2g-item-qty-field, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner input.g2g-item-qty-field,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner input.g2g-item-qty-field {
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 0 auto;
    border-radius: 0px !important;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner i,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner i, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner i,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner i {
  margin: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-delete {
  text-align: center;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-delete .shop-del-icon {
  margin: 0;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total label.g2g-bu-label {
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount label.g2g-bu-label, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total label.g2g-bu-label {
    display: block;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.col-cart-right {
  float: right;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.col-cart-right, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-name, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-price, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-sales-tax, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-discount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.col-cart-right {
    float: none;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-price .g2g-item-price {
  text-align: right;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-price .g2g-item-price span.shop-item-price-amount, body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-price .g2g-item-price span.shop-item-total-price-amount {
  font-weight: bold;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-btn.shop-back-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-btn.shop-back-btn {
    margin: 0 0 0.4543389368vw 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-btn.shop-back-btn {
    width: 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 {
  width: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 {
  width: auto;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-address-instruction {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  width: auto;
  margin-right: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-address-instruction {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  font-weight: bold;
  flex: 0 0 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification {
    font-size: var(--wc-mobile-font-size);
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification .g2g-number-of-items {
  padding: 0 0.5rem;
  color: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification .g2g-number-of-items {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar {
  margin-top: 0.8rem;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar {
    margin-top: 0.5815538392vw;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-grand-total {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  font-weight: bold;
  color: var(--wc-font-color);
  font-weight: 600;
  width: auto;
  margin-right: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-grand-total {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-grand-total {
    font-size: var(--wc-mobile-font-size);
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar span {
    width: 100%;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-proceed,
body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-delivery-option {
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-proceed,
  body.wcprop-2 .eCommerce-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-delivery-option {
    margin-top: 0.5rem;
    width: 100%;
    display: block;
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .g2g-category-items .ui-widget-header {
  background: var(--wc-body-bg);
  color: var(--wc-font-color);
}
body.wcprop-2 .eCommerce-portlet section.portlet .g2g-category-items.ui-panel .ui-panel-content {
  border: none;
}
body.wcprop-2 .eCommerce-portlet section.portlet .g2g-min-max-qty-lbl {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .g2g-min-max-qty-lbl {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .g2g-min-max-qty-lbl {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eCommerce-portlet section.portlet .portlet-content-editable .ui-grid-responsive .ui-grid-row {
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .portlet-content-editable .ui-grid-responsive .ui-grid-row {
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eCommerce-portlet section.portlet .portlet-content-editable .ui-grid-responsive .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .shop-grid-col-1.ui-grid-col-2 {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .shop-grid-col-1.ui-grid-col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-7.shop-grid-col-2 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-7.shop-grid-col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-7.shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2:first-child {
  flex: 0 0 40%;
  max-width: 40%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-7.shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-7.shop-grid-col-2 .shop-items.shop-table .shop-item-grid .ui-panelgrid-content.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-7.shop-grid-col-2 .shop-items.shop-table .ui-grid-col-8.shop-grid-col-2 {
  flex: 0 0 60%;
  max-width: 60%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-7.shop-grid-col-2 .shop-items.shop-table .ui-grid-col-8.shop-grid-col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-3.shop-grid-col-3 {
  flex: 0 0 25%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-3.shop-grid-col-3 {
    flex: 0 0 100%;
  }
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-10.shop-grid-col-2 {
  flex: 0 0 75%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-10.shop-grid-col-2 {
    flex: 0 0 100%;
  }
}
body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-10 .ui-datagrid-column.ui-g-12.ui-md-3 {
  flex: 0 0 50%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .eCommerce-portlet section .shop-row .ui-grid-col-10 .ui-datagrid-column.ui-g-12.ui-md-3 {
    flex: 0 0 100%;
  }
}
body.wcprop-2 .events-portlet section.portlet {
  font-family: var(--wc-font-family);
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column.ui-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column.ui-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 1rem;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover {
  overflow: hidden;
  background-color: var(--wc-body-bg);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  height: 100%;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover > .ui-link {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 62.5%;
  display: flex;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail {
  padding: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail {
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments {
  position: relative;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments {
    font-size: var(--wc-mobile-font-size);
    font-weight: 600;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments > hr {
  width: 100%;
  margin: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments > hr {
    margin: 0.726942299vw 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments > div {
  margin-bottom: 0.5rem;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments > div {
    margin-bottom: 0.3634711495vw;
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventname {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventname {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventname .events-scroller-listing-event-title {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-listing-event-status {
  margin-bottom: 0;
  background: var(--wc-font-color);
  color: var(--bg-text-color);
  border-radius: 0px;
  margin-left: auto;
  padding: 0.25rem 0.5rem;
  flex: 0 0 auto;
  position: absolute;
  right: auto;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  height: max-content;
  top: -37px;
  left: -4px;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-listing-event-status {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0.3634711495vw;
    margin-left: auto;
    right: 0.3634711495vw;
    top: -1.6810540663vw;
    left: -0.1817355747vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-listing-event-status {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
    line-height: normal;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-listing-event-status {
    width: max-content;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-listing-event-status {
    top: -41px;
    left: 0;
    right: auto;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .distant {
  margin-right: 0.5rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .distant {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventdate i::before {
  content: var(--calendar-icon);
  font-weight: normal;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventtime i::before {
  content: var(--clock-icon);
  font-weight: normal;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventslots i::before {
  content: var(--check-icon-01);
  font-weight: normal;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventlocation i::before {
  content: var(--location-icon);
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroll-listing-eventcoordinator i::before {
  font-weight: normal;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton {
    margin-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta:hover, body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta:focus {
  text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta:not([disabled]):not(.disabled):active, body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-scroller-view-container.ui-datagrid .ui-g .ui-datagrid-column .events-scroller-view-listing-event.events-scroll-listing-itemhover .events-scroller-view-listing-event-detail .responsive-adjustments .events-scroller-view-listing-ctabutton .events-scroll-listing-btn-cta:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-sorting-and-count .ui-selectonemenu {
  max-width: 270px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-sorting-and-count .ui-selectonemenu {
    max-width: 12.2671512949vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-scroller-view-container .events-sorting-and-count .ui-selectonemenu {
    max-width: 100%;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  display: inline-block;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link:hover, body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link:focus {
  text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link:not([disabled]):not(.disabled):active, body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-scroller-view-link:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container {
  flex-wrap: wrap;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria {
  border: 1px solid var(--wc-border-color);
  width: 100% !important;
  border-radius: var(--borderRadius);
  font-size: calc(var(--wc-font-size) * 1px);
  background: var(--wc-body-bg);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-panel-wrapper {
  width: 100% !important;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-panel-wrapper {
    height: 13.6301681054vw !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-panel-wrapper {
    height: 300px !important;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-panel-wrapper .ui-galleria-panel {
  -webkit-filter: inherit;
  filter: inherit;
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
  width: 100% !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-panel-wrapper .ui-galleria-panel {
    height: 13.6301681054vw !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-panel-wrapper .ui-galleria-panel {
    height: 300px !important;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-panel-wrapper .ui-galleria-panel .events-galleria-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper {
  width: calc(100% - 70px) !important;
  overflow: hidden;
  margin: 5px auto;
  position: relative;
  height: 40px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper {
    width: calc(100% - 3.1803725579vw) !important;
    margin: 0.2271694684vw auto;
    height: 1.8173557474vw !important;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: auto;
  z-index: 900;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip {
    width: 106.3153112222vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip .ui-galleria-frame {
  width: 60px;
  height: 40px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip .ui-galleria-frame {
    margin-right: 0.2271694684vw;
    width: 2.7260336211vw !important;
    height: 1.8173557474vw !important;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip .ui-galleria-frame .ui-galleria-frame-content {
  overflow: hidden;
  width: 60px;
  height: 40px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip .ui-galleria-frame .ui-galleria-frame-content {
    width: 2.7260336211vw !important;
    height: 1.8173557474vw !important;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip .ui-galleria-frame .ui-galleria-frame-content .ui-galleria-frame-image {
  width: 60px !important;
  height: 40px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-filmstrip-wrapper .ui-galleria-filmstrip .ui-galleria-frame .ui-galleria-frame-content .ui-galleria-frame-image {
    width: 2.7260336211vw !important;
    height: 1.8173557474vw !important;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-nav-prev,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-nav-next {
  font-family: var(--fontawesome-family);
  bottom: 15px !important;
  position: absolute;
  color: var(--wc-font-color);
  height: auto;
  width: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-nav-prev,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-nav-next {
    bottom: 0.6815084053vw !important;
    width: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-nav-prev::before {
  content: var(--arrow-icon-left);
  font-weight: 600;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-nav-next::before {
  content: var(--arrow-icon-right);
  font-weight: 600;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-caption {
  width: 100% !important;
  background: var(--wc-overlay-bg);
  padding: 1rem;
  display: block !important;
  position: absolute;
  left: 1px;
  color: var(--white-color);
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-caption {
    padding: 0.726942299vw;
    left: 0.0454338937vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-caption h4 {
  color: var(--bg-text-color);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-caption h4 {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-galleria .ui-galleria-caption p {
  color: var(--white-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container table {
  border-collapse: collapse;
  border-spacing: 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container table {
    border-spacing: 0 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-sorting-and-count {
  margin-bottom: 1rem;
  align-items: flex-end;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-sorting-and-count .events-count-label {
  margin-bottom: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-hr:first-child {
  display: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content {
  overflow: hidden;
  padding: 1rem;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content {
    padding: 0.5rem;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-grid-row {
  align-items: center;
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-grid-row .ui-grid-row {
  margin-bottom: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell {
    width: 100%;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  display: flex;
  align-items: center;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .ui-selectonemenu.events-advance-filters-gender {
  max-width: 270px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .ui-selectonemenu.events-advance-filters-gender {
    max-width: 12.2671512949vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .ui-selectonemenu.events-advance-filters-gender {
    max-width: 100%;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-label {
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-label {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-label.age-range-filter-label, body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-label.from-date-filter-label, body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-label.to-date-filter-label {
  margin-bottom: 0.5rem;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-row > [class*=ui-grid-col] {
  padding-right: 0.5rem;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-range-panel .ui-slider {
  margin-left: 0.5rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-range-panel .ui-slider {
    width: 92% !important;
    max-width: initial !important;
    margin: 0 auto;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-range-panel .ui-slider .ui-slider-range {
  background-color: var(--primary-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-range-panel .ui-slider .ui-slider-handle {
  border: 2px solid var(--wc-font-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-range-panel .ui-slider .ui-slider-handle.ui-state-hover {
  border: 2px solid var(--primary-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-grid .ui-panelgrid-content .ui-panelgrid-cell .events-advance-filters-range-panel .ui-slider .ui-slider-handle.ui-state-focus {
  background-color: var(--primary-color);
  border: 2px solid var(--primary-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  line-height: 1.875;
  text-align: center;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn:hover, body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advance-filters .events-advance-filters-filter-button .events-filter-btn .distant {
  padding-right: 0.5rem;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid {
  width: 100%;
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
  color: var(--wc-font-color);
  background: var(--white-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event {
  /* simple listing 2 */
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .ui-link,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .ui-link {
  color: var(--wc-font-color);
  padding-bottom: 0.75rem;
  display: block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .ui-link,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .ui-link {
    padding-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .ui-link:last-child,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .ui-link:last-child {
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .ui-link:last-child,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .ui-link:last-child {
    padding-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-name-container,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-name-container {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-name-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-name-container {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
    padding-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-name-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-name-container {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-name-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-name-container {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-name-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-name-container {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-name-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-name-container {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-time-container,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-time-container {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-time-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-time-container {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-time-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-time-container {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-time-container::before,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-time-container::before {
  content: var(--clock-icon);
  font-family: var(--fontawesome-family);
  padding-right: 0.5rem;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container {
  flex-wrap: wrap;
  display: flex;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date {
  width: 100%;
  order: 2;
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date::before,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date::before {
  content: var(--calendar-icon);
  font-family: var(--fontawesome-family);
  padding-right: 0.5rem;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date .events-event-date-container,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date .events-event-date-container {
  font-size: calc(var(--wc-font-size) * 1px);
  display: inline-flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date .events-event-date-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date .events-event-date-container {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date .events-event-date-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date .events-event-date-container {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date .events-event-date-container:last-child::after,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date .events-event-date-container:last-child::after {
  display: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date .events-event-date-container::after,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date .events-event-date-container::after {
  content: "|";
  padding: 0 0.5rem;
  opacity: 0.9;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-date .events-event-date-container::after,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-date .events-event-date-container::after {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail {
  width: 100%;
  order: 1;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail > div .ui-link,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail > div .ui-link {
  color: var(--wc-font-color);
  padding-bottom: 0;
  display: flex;
  font-size: calc(var(--wc-font-size) * 1px);
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail > div .ui-link,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail > div .ui-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail > div .ui-link,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail > div .ui-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail > div:last-child .ui-link,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail > div:last-child .ui-link {
  padding-bottom: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-name,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-name {
  padding-bottom: 0.5rem;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-name .ui-link,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-name .ui-link {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-name .ui-link,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-name .ui-link {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.5452067242vw;
    padding-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-desc,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-desc {
  padding-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-desc,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-desc {
    padding-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-time,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-time {
  padding-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-time,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-time {
    padding-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-time .events-event-time-container,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-time .events-event-time-container {
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-time .events-event-time-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-time .events-event-time-container {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-time .events-event-time-container,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-time .events-event-time-container {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-loc,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-loc {
  display: flex;
  align-items: center;
  padding-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-loc,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-loc {
    padding-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-loc::before,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-loc::before {
  content: var(--location-icon);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  padding-right: 0.5rem;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-loc .ui-link,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-loc .ui-link {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-container ul .events-event .events-event-container .events-event-detail .events-event-loc .ui-link,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-simplelist-two-container ul .events-event .events-event-container .events-event-detail .events-event-loc .ui-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event {
  display: flex;
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event {
    flex-wrap: wrap;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 29.5%;
  margin-right: 1.5rem;
  flex: 0 0 calc(450px - 1.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    flex: 0 0 19.3548387097vw;
    margin-right: 1.0904134484vw;
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    padding-bottom: 35%;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    padding-bottom: 38%;
    flex: 0 0 calc(340px - 1rem);
    margin-right: 1rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    padding-bottom: 44%;
    flex: 0 0 calc(280px - 1rem);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    padding-bottom: 30%;
    flex: 0 0 calc(270px - 1rem);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    padding-bottom: 50.5%;
    margin-right: 0;
    margin-bottom: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    padding-bottom: 82.5%;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-event-image-link .events-event-image,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-event-image-link .events-advancelisting-eventtimg,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-event-image-link img,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-remove-hyperlink-style .events-event-image,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-remove-hyperlink-style .events-advancelisting-eventtimg,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-remove-hyperlink-style img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail {
  flex: 1 1 auto;
  max-width: 100%;
  padding: 0;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail {
    padding: 0;
    position: relative;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link {
  color: var(--wc-font-color);
  display: block;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname {
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname {
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname {
    display: block;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname .events-advancelisting-eventstatus {
  background: var(--wc-font-color);
  color: var(--bg-text-color);
  padding: 0.25rem 0.5rem;
  border-radius: var(--borderRadius);
  order: 2;
  margin-left: auto;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname .events-advancelisting-eventstatus {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname .events-advancelisting-eventstatus {
    font-size: calc((var(--wc-font-size) - 5) * 1px);
    line-height: normal;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname .events-advancelisting-eventstatus {
    width: max-content;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname .events-advancelisting-eventstatus {
    height: max-content;
    position: absolute;
    top: -39px;
    font-size: calc((var(--wc-font-size) - 2) * 1px);
    left: 0;
    line-height: normal;
    border-radius: 0px;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname .events-advancelisting-eventtitle {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  order: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventname .events-advancelisting-eventtitle {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdescription {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdescription {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-hr {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-hr {
    margin-top: 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-remove-hyperlink-style > .ui-grid-row {
  flex-wrap: wrap;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .ui-grid-row {
  flex-wrap: wrap;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .ui-grid-row > div {
  padding-bottom: 0.75rem;
  font-size: calc(var(--wc-font-size) * 1px);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .ui-grid-row > div {
    padding-bottom: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .ui-grid-row > div:last-child {
  padding-bottom: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .distant {
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .distant {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventnumber,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventdate,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventtime,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventslots,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventlocation,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventcoordinator {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventnumber,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventdate,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventtime,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventslots,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventlocation,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventcoordinator {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventslots i::before {
  font-weight: normal;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventdate i::before {
  content: var(--calendar-icon);
  font-weight: normal;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-eventdetails .events-advancelisting-eventtime i::before {
  content: var(--clock-icon);
  font-weight: normal;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-top: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta:hover, body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta:focus {
  text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta:not([disabled]):not(.disabled):active, body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-link .events-advancelisting-ctabutton .events-advancelisting-btn-cta {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-advancelisting-event .events-advancelisting-eventdetail .ui-grid-row:after {
  display: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-filter-heading {
  width: 100%;
  padding: 0 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-filter-heading {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr:nth-child(odd) {
  background: transparent;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td {
  padding: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td .ui-chkbox .ui-chkbox-box {
  margin: 8px;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td .ui-chkbox .ui-chkbox-box.ui-state-disabled {
  display: none;
  margin: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td .ui-chkbox ~ label {
  margin: 8px 0;
  font-weight: normal;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  text-transform: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td .ui-chkbox ~ label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td .ui-chkbox ~ label.ui-state-disabled {
  margin: 0;
  font-size: calc(var(--wc-font-size) * 1px);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td .ui-chkbox ~ label.ui-state-disabled {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .events-pref-filters tbody tr td label.ui-state-disabled {
  opacity: 1;
  margin: 0;
  background: var(--primary-color);
  color: var(--bg-text-color);
  width: 100%;
  padding: 0.2rem 0.5rem;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive [id*=eventtype_] {
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
  flex-wrap: wrap;
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive [id*=eventtype_] {
    padding: 0.5452067242vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive .events-advancelisting-events {
  width: 100%;
  display: none;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive .events-advancelisting-events {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive .events-advancelisting-events .ui-datagrid .ui-datagrid-content table tbody tr td {
  border-radius: var(--borderRadius);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive .events-advancelisting-eventtypename {
  font-weight: 600;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive .events-advancelisting-eventtypename {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-grid-responsive .events-advancelisting-clicktext {
  font-size: 90%;
  font-style: italic;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-heading-cont {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-heading-cont {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-heading-cont a {
  color: var(--accordion-headtext-color);
  display: flex;
  align-items: center;
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-heading-cont a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-heading-cont a .ersg-filter-heading {
  font-size: inherit;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-heading-cont a .ersg-filter-heading ~ .distant {
  margin-left: auto;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body > .ui-grid-row > [class*=ui-grid-col] {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body > .ui-grid-row > [class*=ui-grid-col] {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox {
  border-spacing: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr:nth-child(odd) {
  background: transparent;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td {
  border: none;
  display: inline-flex;
  width: max-content;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box {
  width: max-content;
  border: none;
  padding: 0;
  height: auto;
  border-radius: var(--BtnborderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box {
    padding: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  display: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box .btn {
  padding: 0.5rem 1rem;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  font-weight: 600;
  border-color: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box .btn {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0181735575vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box.ui-state-active {
  background: transparent;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box.ui-state-active .btn {
  border-color: var(--primary-color);
  color: var(--white-color);
  background: var(--primary-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box.ui-state-active .btn::before {
  font-size: 12px;
  content: var(--check-icon);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-filter-container .ersg-filter-panel .ersg-filter-panel-body .ui-selectmanycheckbox tbody tr td .ui-chkbox .ui-chkbox-box.ui-state-active .btn::before {
    font-size: 0.5452067242vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel {
  width: 100%;
  border: none;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body {
    padding: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content {
  padding: 0;
  border: none;
  color: var(--white-color);
  background-color: var(--white-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data {
  padding: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
  width: 100%;
  margin: 0;
  border: 1px solid var(--wc-border-color);
  margin-bottom: 0.5rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
    margin: 0;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail {
    padding: 0.726942299vw 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-],
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] {
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid var(--wc-border-color);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  order: 2;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-],
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-],
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] {
    width: auto;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-],
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] {
    width: auto;
    flex: 0 1 100%;
    max-width: 100%;
    border-right: 0px solid var(--wc-border-color);
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-]:last-child,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-]:last-child {
  border-right: none;
}
@media only screen and (min-width: 1441px) and (max-width: 1614px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-]:last-child,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-]:last-child {
    width: max-content;
    margin-left: auto;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-]:last-child,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-]:last-child {
    margin-left: auto;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-]:last-child,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-]:last-child {
    width: auto;
    flex: 0 1 100%;
    max-width: 100%;
    justify-content: center;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-][class*=-mobile-cont],
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-][class*=-mobile-cont] {
  display: none;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-][class*=-mobile-cont],
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-][class*=-mobile-cont] {
    display: flex;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-][class*=-mobile-cont] .ersg-time-mobile-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-][class*=-mobile-cont] .ersg-name-mobile-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-][class*=-mobile-cont] .ersg-course-mobile-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-][class*=-mobile-cont] .ersg-time-mobile-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-][class*=-mobile-cont] .ersg-name-mobile-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-][class*=-mobile-cont] .ersg-course-mobile-cont {
    display: flex;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-] span,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] span {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-] span,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] span {
    width: auto;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-] span:first-child,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] span:first-child {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: 600;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-] span:first-child,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] span:first-child {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont > [class*=ersg-] span:first-child,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail > [class*=ersg-] span:first-child {
    margin-right: auto;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-name-cont,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-name-cont {
  width: 25%;
  order: 1;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-name-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-name-cont {
    border-right: transparent;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-name-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-name-cont {
    width: auto;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ersg-events-popup-btns,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ersg-events-popup-btns {
  display: flex;
  width: calc(100% - 0.5rem);
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ersg-events-popup-btns,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ersg-events-popup-btns {
    width: calc(100% - 0.3634711495vw);
  }
}
@media (max-width: 1614px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ersg-events-popup-btns,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ersg-events-popup-btns {
    width: max-content;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ersg-events-popup-btns,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ersg-events-popup-btns {
    justify-content: center;
    width: auto;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ersg-events-popup-btns,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ersg-events-popup-btns {
    width: 100%;
    justify-content: center;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ui-commandlink,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ui-commandlink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ui-commandlink,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ui-commandlink {
    margin-top: 0;
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ui-commandlink,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ui-commandlink {
    margin-top: 8px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ui-commandlink,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ui-commandlink {
    margin-top: 0.5rem;
    margin-right: 8px;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ui-commandlink,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ui-commandlink {
    width: 100%;
    margin-right: 0;
    margin-top: 0.5rem;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ui-commandlink:last-child,
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ui-commandlink:last-child {
  margin-right: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-detail-reg-btn-cont .ui-commandlink span,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-detail .ersg-detail-reg-btn-cont .ui-commandlink span {
    margin: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-time-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-course-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-gender-cont,
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .golf-view-one-event-cont .ersg-name-cont {
    display: none;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont:not(:empty) {
  border-top: 1px solid var(--wc-border-color);
  color: var(--wc-font-color);
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel {
  background: var(--wc-body-bg);
  margin-bottom: 0;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel {
    padding: 0.3634711495vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-list-detail-reg-btn-cont {
  display: none;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ui-grid-col-2 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ui-grid-col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ui-grid-col-2:nth-child(3) {
    border: none;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ui-grid-col-2:last-child {
  width: auto;
  margin: 0;
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body > .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body > .ui-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-list-detail-reg-btn-cont .ersg-list-events-popup-btns {
  padding: 0 0.5rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-list-detail-reg-btn-cont .ersg-list-events-popup-btns {
    padding: 0 0.3634711495vw 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-list-detail-reg-btn-cont .ersg-list-events-popup-btns a {
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-list-detail-reg-btn-cont .ersg-list-events-popup-btns a {
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail {
  font-size: calc(var(--wc-font-size) * 1px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-top: 0.3634711495vw;
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ui-outputlabel {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ersg-main-container .ersg-events-container .panel .panel-body .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .golf-view-one-event-main-cont .ersg-event-res-detail-main-cont .ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ui-outputlabel {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-events-panel {
  border-color: var(--wc-border-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-events-panel .panel-heading {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  border-color: var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-events-panel .panel-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-events-panel .panel-heading span {
  font-size: inherit;
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-events-panel .ers-events-panel-body .ers-event-detail .ers-lbl {
  font-weight: 600;
  display: block;
  text-align: left;
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-events-panel .ers-events-panel-body .ers-event-detail .ers-lbl {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-list-panel {
  margin-left: 0;
  margin-right: 0;
  border-color: var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-list-panel {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a {
  margin-right: 1rem;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a {
    margin-top: 0;
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a.btn-back {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a.btn-back:hover {
  background: var(--primary-color);
  color: var(--btn-text-hover);
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a i {
  font-size: 12px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-res-list-container .ers-res-btn-cont a i {
    font-size: 0.5452067242vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-buttons-container {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-buttons-container {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-mandatory-que-info-cont {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  border-radius: var(--borderRadius);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-mandatory-que-info-cont {
    padding: 0.726942299vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-mandatory-que-info-cont i {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-mandatory-que-info-cont i {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-mandatory-que-info-cont label {
  margin-bottom: 0;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-mandatory-que-info-cont label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont span {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont .ers-question-mandatory {
  color: var(--btn-danger);
  font-size: 18px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont .ers-question-mandatory {
    font-size: 0.8178100863vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont .ui-inputfield {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont .ui-inputfield {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont:last-child .ui-inputfield {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel .ers-ques-cont:last-child .ui-inputfield {
    margin-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-questions-btn-cont {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-questions-btn-cont {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-questions-btn-cont .ers-questions-btn-container a {
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-questions-btn-cont .ers-questions-btn-container a {
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-questions-btn-cont .ers-questions-btn-container a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .ers-golf-main-cont .ers-questions-container .ers-questions-btn-cont .ers-questions-btn-container a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container input {
  min-width: 400px !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container input {
    min-width: 18.1735574739vw !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container input {
    min-width: 100% !important;
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] {
    margin-left: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] {
    margin: 1rem 0.5rem 0 0 !important;
    width: auto;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] {
    margin: 0.5rem 0.5rem 0 0 !important;
    width: auto;
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  height: calc(var(--field-height) * 1px);
  display: inline-flex;
  align-items: center;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a:hover, body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a:focus {
  text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a:not([disabled]):not(.disabled):active, body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
    margin-top: 0;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] a i {
    display: none;
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  height: calc(var(--field-height) * 1px);
  display: inline-flex;
  align-items: center;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a:hover,
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a:hover, body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a:focus,
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a:hover,
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a:focus {
  text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a:not([disabled]):not(.disabled):active, body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a:not([disabled]):not(.disabled).active,
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a:not([disabled]):not(.disabled):active,
body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
    margin-top: 0;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-search-btn-container a,
  body.wcprop-2 .events-portlet section.portlet form > .ui-grid-responsive .ui-grid-col-12 .events-filter-btn-container a {
    display: flex;
    justify-content: center;
  }
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  display: inline-block;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link:hover, body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link:focus {
  text-decoration: none;
}
body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link:not([disabled]):not(.disabled):active, body.wcprop-2 .events-portlet section.portlet .events-cal-link-container .events-cal-link:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels {
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 0;
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid-row {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid-row {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .events-pref-heading,
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .new-line {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  display: inline-flex;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .events-pref-heading,
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .new-line {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .events-pref-event-types {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .events-pref-event-types {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-titlebar {
  padding: 1rem;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-titlebar {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-titlebar .ui-panel-title .ui-selectbooleancheckbox {
  margin-bottom: 0;
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-content {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-content {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-content:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-content:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .events-pref-event-statuses .ui-selectmanycheckbox {
  width: 100%;
}
body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .events-pref-view-specific-prefs {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .events-portlet section.portlet .portlet-content-editable .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .events-pref-view-specific-prefs {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .ui-fluid .ui-g,
body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .ui-fluid .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .ui-fluid .ui-g,
  body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .ui-fluid .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .ui-fluid .ui-g > [class*=ui-g-],
body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .ui-fluid .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .ui-fluid .ui-g > [class*=ui-g-],
  body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .ui-fluid .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid .ui-datagrid-content .ui-datagrid-row,
body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid .ui-datagrid-content .ui-datagrid-row {
  background: transparent;
}
body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid .ui-datagrid-content .ui-datagrid-row td,
body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid .ui-datagrid-content .ui-datagrid-row td {
  display: flex;
  margin-bottom: 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid .ui-datagrid-content .ui-datagrid-row td,
  body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .ui-fluid .events-scroller-view-container .ui-datagrid .ui-datagrid-content .ui-datagrid-row td {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12,
body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container,
  body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container input,
  body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 .events-search-txt-container input {
    min-width: 100% !important;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 [class*=btn-container],
  body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] {
    margin: 1rem 0.5rem 0 0 !important;
    width: auto;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 [class*=btn-container],
  body.wcprop-2 .wcl-col-6 .events-portlet section.portlet .events-title-container ~ .ui-grid-responsive .ui-grid-col-12 [class*=btn-container] {
    margin: 0.5rem 0.5rem 0 0 !important;
    width: auto;
  }
}
body.wcprop-2 .eventsReservation-portlet {
  overflow: hidden;
}
body.wcprop-2 .eventsReservation-portlet section.portlet {
  font-family: var(--wc-font-family);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-reservation-url-container {
  position: relative;
  margin-bottom: 1rem;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-reservation-url-container [class*=ui-grid-col] {
  width: auto;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-reservation-url-container [class*=ui-grid-col] input {
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-reservation-url-container [class*=ui-grid-col] .copy-clipboard-btn {
  position: absolute;
  margin: 0;
  left: auto;
  right: 0;
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  top: auto;
  border: none;
  bottom: 0;
  height: calc(var(--field-height) * 1px);
  width: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-reservation-url-container [class*=ui-grid-col] .copy-clipboard-btn {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    width: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-reservation-url-container [class*=ui-grid-col] .copy-clipboard-btn i {
  margin: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container {
  overflow: hidden;
  /* golf event */
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-btn-cont {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-btn-cont {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-back-btn-container,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .er-back-btn-container {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-back-btn-container,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .er-back-btn-container {
    margin: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-back-btn-container .btn-danger,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .er-back-btn-container .btn-danger {
  margin: 0 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-back-btn-container .btn-danger,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .er-back-btn-container .btn-danger {
    margin: 0 0 0.4543389368vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-back-btn-container .btn-danger i,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .er-back-btn-container .btn-danger i {
  font-size: 12px;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-back-btn-container .btn-danger i,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .er-back-btn-container .btn-danger i {
    font-size: 0.5452067242vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel {
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-name-container {
  background: var(--primary-color) !important;
  color: var(--bg-text-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0 !important;
  padding: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-name-container {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body {
  border: 1px solid var(--wc-border-color);
  margin: 0.8rem !important;
  padding: 0.5rem !important;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body {
    padding: 0.3634711495vw !important;
    margin: 0.5815538392vw !important;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container {
  align-items: center;
  display: flex;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-left: 1px solid var(--wc-border-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom:first-child {
  border-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom {
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom > span {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--wc-font-color);
  letter-spacing: 0.6px;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom > span {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0272603362vw;
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom > .ui-outputlabel {
  margin-bottom: 0;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom > .ui-outputlabel {
    margin-bottom: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom > a {
  display: flex;
  align-items: center;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom > a label {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-border-left-bottom > a label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-publish-content-container .ers-publish-content {
  padding: 0 1rem 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-publish-content-container .ers-publish-content {
    padding: 0 0.726942299vw 0.5815538392vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-publish-content-container .ers-publish-content {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-publish-content-container .ers-publish-content table {
  margin: 0 !important;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-publish-content-container .ers-publish-content table tbody tr {
  background: transparent;
  border: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-publish-content-container .ers-publish-content table tbody tr td table tbody tr td {
  border: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-content-and-info-panel .ers-publish-content-container .ui-outputlabel {
  margin-bottom: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body {
  padding: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  flex: 0 0 100%;
  max-width: 100%;
  flex-direction: column;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend {
  padding-bottom: 0;
  flex: 0 0 100%;
  max-width: 100%;
  width: inherit;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text {
  background: var(--primary-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  padding: 10px;
  width: 100%;
  color: var(--bg-text-color);
  border: none;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text {
    padding: 0.4543389368vw;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text {
    height: auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-multiday-lbl {
  display: flex;
  align-items: center;
  font-size: calc(var(--wc-font-size) * 1px);
  padding-left: 0;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-multiday-lbl {
    padding-left: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-multiday-lbl {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-multiday-lbl {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-multiday-lbl {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-multiday-lbl i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-multiday-lbl i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont {
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0.5rem;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont {
  border-radius: var(--borderRadius);
  display: flex;
  justify-content: flex-end;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  background: var(--white-color);
  border-radius: var(--borderRadius);
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont > span {
    padding: 0.1363016811vw 0.2726033621vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ers-schedule-info-img {
  display: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ers-see-session-lbl {
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size: calc((var(--wc-font-size) - 3) * 1px);
  color: var(--wc-font-color);
  pointer-events: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ers-see-session-lbl {
    letter-spacing: 0.0181735575vw;
    font-size: calc((var(--wc-font-size) - 3) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ers-see-session-lbl {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ers-see-session-lbl::before {
  content: var(--help-icon);
  font-weight: 600;
  padding-right: 5px;
  font-family: var(--fontawesome-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ers-see-session-lbl::before {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel {
  border-radius: var(--borderRadius);
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  width: max-content;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  text-transform: uppercase;
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container {
  padding-bottom: 0.2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container {
    padding-bottom: 0.1453884598vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container:first-child {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container:first-child {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container:last-child {
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container:last-child {
    padding-bottom: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container .ers-schedule-dates-info {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: 500;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-prepend .input-group-text .ers-seat-select-and-see-session-cont .ers-schedule-info-cont .ui-overlaypanel .ui-overlaypanel-content .ers-schedule-dates-info-container .ers-schedule-dates-info {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container {
  padding: 0.5rem;
  align-items: center;
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 66px;
  width: inherit;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container {
    padding: 0.3634711495vw;
    min-height: 2.9986369832vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container {
    min-height: auto;
    padding: 0.5rem 0;
    display: flex;
    flex-wrap: initial;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container [class*=ui-grid-col] {
    width: auto;
    flex: 1 1 auto;
    max-width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ui-grid-col-1 {
  padding: 0;
  text-align: center;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ui-selectcheckboxmenu.ers-schedules-dropdown .ui-selectcheckboxmenu-label-container {
  height: 100%;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ui-selectcheckboxmenu.ers-schedules-dropdown .ui-selectcheckboxmenu-label-container {
    max-width: 85px;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-txt {
  font-weight: 500;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  margin: 0;
  padding: 0;
  padding-left: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-txt {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-left: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont {
  display: flex;
  flex-wrap: wrap;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont {
    font-size: var(--wc-mobile-font-size);
    margin: 0 0 0.5rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-schedules-txt,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seating-txt {
  font-weight: 500;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  margin: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-schedules-txt,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seating-txt {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-schedules-txt,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seating-txt {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-schedules-txt,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seating-txt {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seat-select-lbl-cont a {
  font-weight: 500;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  margin-left: 5px;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seat-select-lbl-cont a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-left: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seat-select-lbl-cont a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seat-select-lbl-cont a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seat-select-lbl-cont a i {
  margin-right: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-to-txt {
  padding-left: 5px;
  font-weight: 500;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-to-txt {
    padding-left: 0.2271694684vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-to-txt {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-to-txt {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seating-txt {
  padding-left: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-schedules-txt-cont .ers-seating-txt {
    padding-left: 0.2271694684vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-with-schedule-txt {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-dropdown-cont .ui-selectonemenu .ui-selectonemenu-trigger {
  right: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend {
  padding-bottom: 0;
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend .input-group-text {
  background: var(--primary-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  padding: 10px;
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: space-between;
  text-align: left;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--bg-text-color);
  border: none;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend .input-group-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.4543389368vw;
    margin: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend .input-group-text .ers-adult-lbl,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend .input-group-text .ers-child-lbl {
  margin-bottom: 0;
  width: calc(50% - 0.25rem);
  color: var(--bg-text-color);
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend .input-group-text .ers-adult-lbl,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend .input-group-text .ers-child-lbl {
    width: calc(50% - 0.1817355747vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .input-group-prepend .input-group-text .ers-child-lbl {
  margin-left: auto;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont {
  padding: 0.5rem;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-adult-container {
  display: inline-flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-adult-container {
    width: auto;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-adult-container input {
  width: calc(100% - 0.25rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-adult-container input {
    width: calc(100% - 0.1817355747vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-child-container {
  display: inline-flex;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-child-container {
    width: auto;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-child-container input {
  width: calc(100% - 0.25rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-adult-child-input-cont .ers-child-container input {
    width: calc(100% - 0.1817355747vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-book-for-container {
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-book-for-container .input-group-text {
  margin-bottom: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-self-container {
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-self-container {
    padding: 0.3634711495vw;
  }
}
@media (max-width: 1024.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-self-container {
    width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-self-container .ui-selectbooleancheckbox {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-self-container .ui-chkbox-label {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-adult-child-guest-container {
  padding: 0.5rem;
  height: 66px;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-adult-child-guest-container {
    padding: 0.3634711495vw;
    height: 2.9986369832vw;
  }
}
@media (max-width: 1024.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-adult-child-guest-container {
    height: auto;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-adult-child-guest-container {
    min-height: auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-adult-child-guest-container .ui-selectbooleancheckbox {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body .ers-adult-child-container.select-bookfor .input-group .ers-adult-child-guest-container .ui-chkbox-label {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body > .ui-grid-row {
    display: flex;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body > .ui-grid-row > [class*=ers-] {
    width: auto;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body > .ui-grid-row > [class*=ers-] {
    width: auto;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 10px;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-schedule-seating-self-panel-body > .ui-grid-row > [class*=ers-]:last-child {
    padding-bottom: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container {
  flex-direction: column;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont {
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content {
  padding: 0;
  border: none;
  border-left: none;
  border-right: none;
  border-radius: var(--borderRadius);
  color: var(--wc-font-color);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content {
    border: none;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data {
    border: none;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot {
    display: block;
    padding: 0 0 0.5rem 0;
    flex-wrap: wrap;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number {
  line-height: normal;
  background: var(--wc-body-bg);
  border-radius: var(--borderRadius) 0px 0px var(--borderRadius);
  min-height: 105px;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number {
    padding: 0.5815538392vw;
    min-height: 4.7705588369vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number {
    min-height: 50px;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number .ers-remove-and-erase-small {
    display: none;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number .ers-remove-and-erase-small {
    margin-left: auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number .ers-remove-and-erase-small .ui-commandlink {
  color: var(--btn-danger);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field {
  width: calc(100% - 76px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field {
    width: calc(100% - 3.45297592vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field {
    width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul {
  list-style: none;
  display: inline-flex;
  margin: 0 0 0 10px;
  padding: 0;
  width: calc(100% - 10px);
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul {
    width: calc(100% - 0.4543389368vw);
    margin: 0 0 0 0.4543389368vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul {
    display: grid;
    padding: 0.8rem 0;
    margin: 0;
    width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li {
  flex: 1 0 auto;
  display: inline-flex;
  flex-direction: column;
  margin: 0 0 0 10px;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li {
    margin: 0 0 0 0.4543389368vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li {
    margin: 0 0 0 6px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li {
    margin: 5px 10px;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li:first-child {
  margin: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li:first-child {
    margin: 5px 10px;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li label {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-eraser {
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-eraser {
    display: none;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-eraser .eraser-row-btn {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--bg-text-color);
  background: var(--primary-color);
  justify-content: center;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  border-radius: 100px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-eraser .eraser-row-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    width: 1.9082235348vw;
    height: 1.9082235348vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-eraser .eraser-row-btn {
    width: 32px;
    height: 32px;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-eraser .eraser-row-btn i {
  margin: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-attendee-name .ers-attendee-inptxt-container {
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-attendee-type-heading {
  background-color: var(--wc-body-bg);
  height: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  padding: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-attendee-type-heading {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont {
  background-color: var(--wc-body-bg);
  height: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a::before {
  content: var(--help-icon);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a::before {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a:hover, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont a:focus {
  color: var(--primary-color);
  text-decoration: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-item-cont .ers-item-inner-cont .ers-items-info-img {
  display: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-total-txt-cont {
  background-color: var(--wc-body-bg);
  height: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  padding: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-total-txt-cont {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-total-txt-cont {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-total-txt-cont {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .form-group {
  margin-bottom: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-total .ers-item-inner-cont {
  background: transparent !important;
  height: calc(var(--field-height) * 1px);
  border: 1px solid var(--wc-border-color) !important;
  padding: 0.5rem !important;
  vertical-align: middle;
  line-height: 2;
  border-radius: var(--borderRadius) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-total .ers-item-inner-cont {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-total .ers-item-inner-cont .ers-item-table tbody tr {
  background: transparent;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-total .ers-item-inner-cont .ers-item-table tbody tr td {
  padding: 0;
  border: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-total .ers-item-inner-cont .ers-item-table tbody tr td a {
  color: var(--wc-font-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon {
  background-color: var(--btn-danger);
  padding: 0;
  border-radius: 0px var(--borderRadius) var(--borderRadius) 0px;
  min-height: 100%;
  line-height: normal;
  position: absolute;
  right: 0;
  color: var(--white-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  top: 0;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    width: 1.1812812358vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon {
    justify-content: center;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    top: 12%;
    right: 2%;
    display: none;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon .ers-delete-btn {
  opacity: 0.7;
  transition: 0.3s opacity;
  will-change: opacity;
  color: var(--white-color);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon .ers-delete-btn {
    transition: none;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon .ers-delete-btn i {
  margin-right: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon:hover .ers-delete-btn, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon:focus .ers-delete-btn {
  opacity: 1;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row {
  width: 100%;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  margin-top: 0.8rem;
  position: relative;
  min-height: 105px;
  overflow: hidden;
  justify-content: center;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont {
  width: 100%;
  min-height: 105px;
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont {
    min-height: 4.7705588369vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ui-grid-col-4 {
  margin: 0 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ui-grid-col-4 {
    margin: 0 0.4543389368vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ui-grid-col-4 {
    width: calc(100% - 45px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ers-close-item-cont {
  position: absolute;
  right: 0;
  top: 0;
  line-height: normal;
  font-weight: 600;
  background-color: var(--btn-danger);
  border-radius: 0px var(--borderRadius) var(--borderRadius) 0px;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ers-close-item-cont a {
  opacity: 0.7;
  transition: 0.3s opacity;
  will-change: opacity;
  color: var(--white-color);
  min-height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ers-close-item-cont a {
    width: 1.1812812358vw;
    min-height: 4.7705588369vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ers-close-item-cont a:hover {
  opacity: 1;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-attendee-items-detail-cont.ers-rounded .ers-attendee-item-detail-row .ers-attendee-item-detail-cont .ers-close-item-cont a span.ers-item-close-txt {
  font-size: 0px;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont {
    margin: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container .ers-add-more-guest-btn {
  font-family: var(--wc-font-family);
  background: transparent;
  margin-top: 1rem;
  border: none;
  border-radius: 0;
  padding: 0;
  color: var(--wc-primary-color);
  transition: 0.3s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container .ers-add-more-guest-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container .ers-add-more-guest-btn {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container .ers-add-more-guest-btn:hover, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container .ers-add-more-guest-btn:focus {
  color: var(--primary-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container .ers-add-more-guest-btn i {
  padding-right: 5px;
  font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-more-guest-container .ers-add-more-guest-btn i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw) !important;
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container {
  flex-wrap: wrap;
  padding: 0.5rem;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-seating-code,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-meal-period,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-start-time,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-ent-time {
  padding: 0.25rem 0.5rem 0.5rem;
  font-weight: 600;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-seating-code,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-meal-period,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-start-time,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-ent-time {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0.3634711495vw 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-seating-code,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-meal-period,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-start-time,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-ent-time {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-seating-code,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-meal-period,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-start-time,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-ent-time {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable {
  border: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table {
    table-layout: initial;
    vertical-align: middle;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ers-res-attendee-icon,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ers-res-shopping-cart-icon {
  display: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink {
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink {
    font-size: calc(var(--wc-mobile-font-size) - 2px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink::before {
  content: var(--member-icon);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink::before {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink::before {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-name-col .ui-commandlink::before {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr:nth-child(odd) {
  background: var(--white-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td {
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-name-col .ers-res-attendee-icon {
  display: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-name-col::before {
  content: var(--member-icon);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-name-col::before {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-name-col::before {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td:last-child {
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td:last-child {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-col {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-col {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-col {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-res-table-container .ui-datatable .ui-datatable-tablewrapper table tbody tr td.ers-res-guests-col .ers-reservations-guest-table-container table tbody tr td.ers-sub-res-col {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-total-guest-container {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-total-guest-container {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ers-total-guest-container .ers-green-bg {
  font-weight: 700;
  color: var(--success);
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ui-datatable-reflow table.ers-sub-reservations-table {
    margin-top: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ui-datatable-reflow table.ers-sub-reservations-table tbody tr {
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) {
    font-size: var(--wc-mobile-font-size);
    display: flex;
    width: auto;
    float: none;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservations-list-container .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title {
    min-width: auto;
    display: unset;
    margin-right: auto;
    padding: 0 0.4rem;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont {
  display: flex;
  border: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .panel-heading span {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  display: flex;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .panel-heading span {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio-) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .panel-heading span {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .panel-heading span {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control {
  display: flex;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox {
  margin: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  position: relative;
  background: transparent;
  border-radius: 0px;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--wc-border-color);
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    width: 0.8178100863vw;
    height: 0.8178100863vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: transparent;
  background-color: transparent;
  color: var(--wc-font-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ers-multiseating-chkbx-lbl {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  line-height: 1;
  margin: 0 0 0 8px;
  word-break: break-all;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ers-multiseating-chkbx-lbl {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ers-multiseating-chkbx-lbl {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-selection-control .ers-multiseating-table .ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ers-multiseating-chkbx-lbl {
    font-size: var(--wc-mobile-font-size);
    line-height: 1;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont span.ers-bold {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont span.ers-bold {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont span.ers-bold {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont span.ers-bold {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont span.ers-bold:empty {
  display: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont ul {
  padding-left: 20px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont ul {
    padding-left: 0.9086778737vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont ul li:last-child label {
  margin-bottom: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns[class*=ui-grid-col] {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns[class*=ui-grid-col] {
    padding: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns a {
  margin: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns a {
    margin: 0 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns a:first-child {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns a:first-child {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-multiseating-control-cont .ers-multiseating-btns a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container hr.ers-hr {
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container hr.ers-hr-publish {
  width: 100%;
  border-top: 1px solid var(--wc-border-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  max-width: 100%;
  border: none !important;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 !important;
  border-radius: var(--borderRadius) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event {
    padding: 0 !important;
    margin-top: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont {
  flex-wrap: wrap;
  flex: 0 0 100%;
  max-width: 100%;
  align-items: center;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont {
    width: auto;
    padding-bottom: 0.5rem;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-lbl {
  display: inline-flex;
  align-items: center;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-lbl .ers-publish-txt {
  margin-bottom: 0;
  font-weight: normal;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container {
  display: flex;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-switch .ui-inputswitch {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-switch .ui-inputswitch {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-inner-txt-cont {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-inner-txt-cont {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-inner-txt-cont .ers-waiver-agree-txt {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-inner-txt-cont .ers-waiver-agree-txt {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-inner-txt-cont a {
  color: var(--wc-font-color);
  text-decoration: underline;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-waiver-container .ers-waiver-inner-container .ers-waiver-inner-txt-cont a {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont {
  padding-left: 16px;
  text-align: right;
  margin-left: auto;
  box-shadow: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont {
    padding-left: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont {
    width: auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont .ers-charges-txt-container {
  margin: 0;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont .ers-charges-txt-container {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont .ers-charges-txt-container {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont .ers-charges-txt-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont .ers-charges-txt-container .ers-charge-lbl {
  font-weight: 600;
  padding-right: 5px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont .ers-charges-txt-container .ers-charge-lbl {
    padding-right: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-total-reservation-charges-cont .ers-charges-txt-container .ers-charge-lbl {
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont {
    width: 100%;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset {
  padding: 0;
  border: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend {
  background: var(--primary-color);
  color: var(--bg-text-color);
  font-size: calc(var(--wc-font-size) * 1px);
  border: none;
  padding: 0.5rem 0.75rem;
  display: flex;
  margin-bottom: 0;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0.5452067242vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend .ui-icon-minusthick {
  color: var(--white-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend .ui-icon-minusthick::before {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend .ui-icon-minusthick::before {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-content {
  padding: 0.5rem;
  border: 1px solid var(--wc-border-color);
  border-top: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-publish-event .ers-publish-comment-charge-cont .ers-comments-cont fieldset .ui-fieldset-content .ui-inputfield {
  width: 100%;
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns {
  display: inline-flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns {
    flex-wrap: wrap;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a {
  margin: 0 10px 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a {
    margin: 0 0.4543389368vw 0 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a {
    margin: 0 0.5rem 0.5rem 0;
    max-width: initial;
    flex: 0 0 auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a:last-child,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a:last-child {
  margin-right: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0 10px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another:hover,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another:hover, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another:focus,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another:hover,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another:focus {
  text-decoration: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another:not([disabled]):not(.disabled):active, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another:not([disabled]):not(.disabled).active,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another:not([disabled]):not(.disabled):active,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.but-add-another,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.but-add-another {
    margin: 0 0.4543389368vw 0 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.btn-save,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.btn-save {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont a.btn-save,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns a.btn-save {
    margin-top: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0 10px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart:hover,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart:hover, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart:focus,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart:hover,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart:focus {
  text-decoration: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart:not([disabled]):not(.disabled):active, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart:not([disabled]):not(.disabled).active,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart:not([disabled]):not(.disabled):active,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
    margin: 0 0.4543389368vw 0 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .but-add-in-cart,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .but-add-in-cart {
    margin: 0 0.5rem 0.5rem 0;
    max-width: initial;
    flex: 0 0 auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .ers-reservation-btn-cont .btn-close i,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .ers-reservation-btn-cont .btn-close i {
  font-size: 14px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .ers-reservation-btn-cont .btn-close i,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .ers-reservation-btn-cont .btn-close i {
    margin-right: 0.2271694684vw;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .ers-btn-update-cont,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .ers-btn-update-cont {
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .ers-btn-update-cont,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .ers-btn-update-cont {
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .ers-btn-cancel-cont,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .ers-btn-cancel-cont {
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-btn-cont .ers-btn-cancel-cont,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-reservation-list-btns .ers-btn-cancel-cont {
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont {
  flex-wrap: wrap;
  border: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont {
  clear: both;
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  padding: 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont.ers-portlet-msg-alert i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont.ers-portlet-msg-alert i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    margin-right: 0.2271694684vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont.ers-portlet-msg-alert i {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont.ers-portlet-msg-alert .ers-alert-txt {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont.ers-portlet-msg-alert .ers-alert-txt {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont.ers-portlet-msg-alert .ers-alert-txt {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-cont .ers-alert-txt-cont.ers-portlet-msg-alert .ers-alert-txt {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont {
  clear: both;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a {
    margin-bottom: 0.5rem;
    max-width: initial;
    flex: 0 0 auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0 10px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark:hover, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark:focus {
  text-decoration: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark:not([disabled]):not(.disabled):active, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
    margin: 0 0.4543389368vw 0 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-dark {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0 10px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info:hover, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info:focus {
  text-decoration: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info:not([disabled]):not(.disabled):active, body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
    margin: 0 0.4543389368vw 0 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-alert-reservation-cont .ers-alert-btns-cont a.btn-info {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container {
  padding: 1rem;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container {
    padding: 0.726942299vw;
    margin: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .panel-heading span {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .panel-heading span {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio-) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .panel-heading span {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .panel-heading span {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container {
  padding: 0 !important;
  display: flex;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container {
    margin-top: 0.726942299vw;
    margin-bottom: 0.726942299vw;
    padding: 0 0.3634711495vw !important;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > .ui-grid-col-6 {
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] a {
  margin-top: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] a {
    margin-top: 0;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] > .seat {
  background: var(--accordion-headbg-color);
  padding: 0.5rem 1rem;
  margin-right: 0.25rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] > .seat {
    padding: 0.3634711495vw 0.726942299vw;
    margin-right: 0.1817355747vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] > .seat:first-child {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > [class*=ui-grid-col] > .seat:first-child {
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > .es-legend-container .legend {
  font-weight: 600;
  justify-content: flex-end;
  display: flex;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > .es-legend-container .legend span {
  margin-right: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container .ers-ticket-action-container > .es-legend-container .legend span {
    margin-right: 0.1817355747vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer {
  width: 100%;
  margin: 0;
  position: relative;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-in-icon,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-out-icon {
  background: var(--primary-color);
  padding: 0.5rem;
  border-radius: 50%;
  color: var(--white-color);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-in-icon,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-out-icon {
    padding: 0.3634711495vw;
    width: 1.3630168105vw;
    height: 1.3630168105vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-in-icon i,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-out-icon i {
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-in-icon i,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-out-icon i {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-reset-icon {
  margin-top: 0.5rem;
  background: var(--accordion-headbg-color);
  padding: 0.5rem;
  border-radius: 50%;
  color: var(--accordion-headtext-color);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s background, 0.2s color;
  will-change: background, color;
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-reset-icon {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-reset-icon {
    margin-top: 0.3634711495vw;
    padding: 0.3634711495vw;
    width: 1.3630168105vw;
    height: 1.3630168105vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-reset-icon:hover {
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-reset-icon i {
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .zoom-reset-icon i {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .es-slider {
  margin: 0.75rem auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .es-slider {
    margin: 0.5452067242vw auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .zoomContainer .es-slider .ui-slider-handle {
  margin: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view {
  margin-bottom: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg [id*=section_] [id*=section_] {
  stroke: var(--wc-border-color) !important;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg > g text {
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg > g > g > text {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  -webkit-transform: translate(-0.5%, -1%);
  -moz-transform: translate(-0.5%, -1%);
  -ms-transform: translate(-0.5%, -1%);
  -o-transform: translate(-0.5%, -1%);
  transform: translate(-0.5%, -1%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg > g > g > text {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg > g > g > g > text {
  font-size: 12px;
  -webkit-transform: translate(0%, -0.25%);
  -moz-transform: translate(0%, -0.25%);
  -ms-transform: translate(0%, -0.25%);
  -o-transform: translate(0%, -0.25%);
  transform: translate(0%, -0.25%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg > g > g > g > text {
    font-size: 0.5452067242vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg > g > g > g > g rect {
  stroke-width: 1px;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-tickets-pick-cont .ers-tickets-pick-container #mainViewContainer .main-view svg > g > g > g > g text {
  fill: var(--wc-font-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont {
  padding: 1rem;
  margin: 0;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont {
    margin: 0;
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-cont {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-cont {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-cont .ers-alert-txt-cont [class*=popup-heading] {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-cont .ers-alert-txt-cont [class*=popup-heading] {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-cont .ers-alert-txt-cont i {
  font-size: 14px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-cont .ers-alert-txt-cont i {
    font-size: 0.6360745116vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-btns-cont {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-btns-cont {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-btns-cont a {
  margin-top: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-confirmation-popup-cont .ers-alert-btns-cont a {
    margin-top: 0;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container {
  border: none;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container {
    margin: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-mandatory-que-info-cont {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-mandatory-que-info-cont {
    margin-bottom: 0.726942299vw;
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-mandatory-que-info-cont i {
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-mandatory-que-info-cont i {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-mandatory-que-info-cont label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-mandatory-que-info-cont label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-grid-row {
  margin: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont .ers-question-txt {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont .ers-question-txt {
    margin-bottom: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont .ers-question-mandatory {
  color: var(--danger);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-left: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont .ers-question-mandatory {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-left: 0.1363016811vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ers-ques-cont textarea {
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-radiobutton:not(.pi) ~ label {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ui-tabs .ui-radiobutton:not(.pi) ~ label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-questions-btn-cont {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-questions-btn-cont {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-questions-btn-cont .ers-questions-btn-container {
  display: flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-questions-btn-cont .ers-questions-btn-container {
    flex-wrap: wrap;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-questions-btn-cont a {
  margin-top: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-questions-btn-cont a {
    margin-top: 0;
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-questions-container .ers-questions-btn-cont a {
    margin-bottom: 0.5rem;
    max-width: initial;
    flex: 0 0 auto;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-player-list {
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-player-list {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-player-list .panel-body {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-player-list .panel-body {
    padding: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel {
  border-color: var(--wc-border-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel .panel-heading {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  border-color: var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel .panel-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel .panel-heading span {
  font-size: inherit;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel .ers-events-panel-body {
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel .ers-events-panel-body {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel .ers-events-panel-body .ers-event-detail .ers-lbl {
  font-weight: 600;
  display: block;
  text-align: left;
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-events-panel .ers-events-panel-body .ers-event-detail .ers-lbl {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont .ers-comments-cont fieldset {
  border: none;
  background-color: var(--white-color);
  color: var(--wc-font-color);
  padding: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont .ers-comments-cont fieldset {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend {
  border: 1px solid var(--wc-border-color);
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem;
  font-weight: 600;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend {
    padding: 0.5452067242vw;
    margin-bottom: 0;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend .ui-fieldset-toggler {
  font-family: var(--fontawesome-family);
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont .ers-comments-cont fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-waiver-charge-cont .ers-comments-cont fieldset .ui-fieldset-content textarea {
  width: 100%;
  border-top: none;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel {
  margin-left: 0;
  margin-right: 0;
  border-color: var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body {
    padding-top: 0.3634711495vw;
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content {
    padding: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
  align-items: center;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont {
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-even,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-odd {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-even,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-odd {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-even .ers-lbl,
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-odd .ers-lbl {
  font-weight: 600;
  display: block;
  text-align: left;
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-even .ers-lbl,
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-list-panel .ers-res-list-panel-body .ers-res-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ers-player-name-cont .ers-player-name-odd .ers-lbl {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a {
  margin-right: 1rem;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a {
    margin-top: 0;
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a.btn-back {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a.btn-back:hover {
  background: var(--primary-color);
  color: var(--btn-text-hover);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a i {
  font-size: 12px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container .ers-res-list-container .ers-res-btn-cont a i {
    font-size: 0.5452067242vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container.ers-golf-main-cont .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field {
  width: calc(100% - 50px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ers-main-container.ers-golf-main-cont .ers-attendee-table-container .ers-attendee-list-cont .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field {
    width: calc(100% - 2.2716946842vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-titlebar {
  background: var(--primary-color);
  color: var(--bg-text-color);
  border: none;
  padding: 0.5rem 0.75rem;
  position: relative;
  font-weight: 600;
  font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: var(--bg-text-color);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon::before {
  content: var(--close-icon);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content {
  padding: 1rem;
  border: none;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content .ers-alert-dialog-cont .ers-portlet-msg-alert i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content .ers-alert-dialog-cont .ers-portlet-msg-alert i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content .ers-alert-dialog-cont .ers-portlet-msg-alert .ers-alert-txt {
  line-height: 1.4;
  width: calc(100% - 30px);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content .ers-alert-dialog-cont .ers-portlet-msg-alert .ers-alert-txt {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content .ers-alert-btns-dialog-cont a.btn-yes {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content .ers-alert-btns-dialog-cont a.btn-yes {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-wait-list-dialog-cont .ui-dialog-content .ers-alert-btns-dialog-cont a.btn-no {
  margin-top: 0;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-cont .ers-portlet-msg-alert {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-cont .ers-portlet-msg-alert {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0;
    padding-top: 0.3634711495vw;
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-cont .ers-portlet-msg-alert .ers-confirmation-popup-heading i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-cont .ers-portlet-msg-alert .ers-confirmation-popup-heading i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-cont .ers-portlet-msg-alert .ers-override-member-rule-msg {
  line-height: 1.4;
  width: calc(100% - 30px);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-cont .ers-portlet-msg-alert .ers-override-member-rule-msg {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-btns-cont a {
  margin-top: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-btns-cont a {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-btns-cont a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-cancel-res-dialog-cont .ui-dialog-content .ers-alert-btns-cont a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel {
  width: 100%;
  border: none;
  background: var(--white-color);
  border-radius: var(--borderRadius);
  margin: 0;
  flex-direction: column;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel {
    margin: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel label.portlet-msg-alert, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel label.portlet-msg-alert {
  margin-bottom: 0;
  width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont .ui-grid-col-4:first-child, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont .ui-grid-col-4:first-child {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont [class*=ui-grid-col], body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ticket-seating-cont [class*=ui-grid-col] {
  flex: 0 0 auto;
  max-width: 100%;
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont[class*=ui-grid-col], body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont[class*=ui-grid-col] {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont[class*=ui-grid-col], body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont[class*=ui-grid-col] {
    padding: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a {
  margin: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a {
    margin: 0 0.3634711495vw;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:first-child, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:first-child {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:first-child, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:first-child {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:last-child, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-buy-ticket-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:last-child, body.wcprop-2 .eventsReservation-portlet section.portlet .ui-dialog.ers-quick-pick-seat-dialog-cont .ui-dialog-content .panel .ers-ok-cancel-btn-cont a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .eventsReservation-portlet.portlet-draggable {
  overflow: visible;
}
body.wcprop-2 .form-designer-portlet section.portlet table tbody tr:nth-child(odd) {
  background: transparent;
}
body.wcprop-2 .form-designer-portlet section.portlet table.ui-selectoneradio tbody tr td label {
  margin-bottom: 0;
  font-weight: normal;
  margin-right: 0;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet table.ui-selectoneradio tbody tr td label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet table.ui-selectmanycheckbox tbody tr td {
  margin-bottom: 0;
  font-weight: normal;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container > .ui-fluid > .ui-grid > .ui-grid-row {
  flex-wrap: wrap;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container #res-div {
  width: 100%;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container #res-div > .fd-questions > [class*=ui-grid-col-] > .ui-panel > .ui-panel-content > .ui-grid-row > .fd-question.ui-grid-col-1 {
  flex: 1 0 auto;
  max-width: 100%;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions div:last-child .fd-section-name {
  border-bottom: none;
  margin-bottom: 0;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions label {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: calc(var(--wc-font-size) * 1px);
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions label.mini-html-lab {
  display: block;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  line-height: var(--wc-base-lineHeight);
  font-weight: normal;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name {
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name .ui-panel-content {
  padding: 0;
  border: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name .ui-panel-titlebar {
  letter-spacing: 0.8px;
  background: transparent;
  border: none;
  padding: 0;
  margin-bottom: 1rem;
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 700;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name .ui-panel-titlebar {
    letter-spacing: 0.0363471149vw;
    margin-bottom: 0.726942299vw;
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name .ui-panel-titlebar .ui-panel-title .fd-section-name {
  border: none;
  margin-bottom: 0;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick::before {
  content: var(--plus-icon);
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-section-name .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick::before {
  content: var(--minus-icon);
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-question:last-child {
  padding-right: 0 !important;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-question .ui-panel {
  margin-top: 0 !important;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-question .ui-panel .ui-panel-content {
  padding: 0;
  border: none;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-question .ui-panel .ui-panel-content {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-question .ui-selectbooleancheckbox ~ .ui-outputlabel {
  width: calc(100% - 30px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .fd-question .ui-selectbooleancheckbox ~ .ui-outputlabel {
    width: calc(100% - 1.8173557474vw);
    margin-left: 0.4543389368vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .ui-panel .ui-panel-content .ui-selectoneradio {
  text-align: left;
  width: max-content;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .ui-panel .ui-panel-content .ui-selectoneradio tbody tr td {
  border: none;
  padding: 0 1rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .ui-panel .ui-panel-content .ui-selectoneradio tbody tr td {
    padding: 0 0.726942299vw 0 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .ui-selectonemenu .ui-selectonemenu-label {
  padding: 0;
  margin-bottom: 0;
  line-height: 2;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .ui-selectmanycheckbox label {
  margin-bottom: 0;
  font-weight: normal;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .fd-questions .ui-selectmanycheckbox label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-top: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink:hover, body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .fd-display-container .btn-responsive .ui-commandlink i {
  display: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel {
  border-radius: var(--borderRadius);
  margin-top: 0 !important;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content {
    padding: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-selectonemenu {
  width: calc(100% - 1rem);
  margin: 1rem 0.5rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-selectonemenu {
    width: calc(100% - 0.726942299vw);
    margin: 0.726942299vw 0.3634711495vw 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-inputfield {
  width: calc(100% - 1rem);
  margin: 0 0.5rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-inputfield {
    width: calc(100% - 0.726942299vw);
    margin: 0 0.3634711495vw 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-grid-row > [class*=ui-grid-col] {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-grid-row > [class*=ui-grid-col] {
    padding-left: 0.4543389368vw;
    padding-right: 0.4543389368vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-grid-row > [class*=ui-grid-col]:first-child {
  padding-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-grid-row > [class*=ui-grid-col]:first-child {
    padding-left: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-grid-row > [class*=ui-grid-col]:last-child {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid > .ui-grid-row > [class*=ui-grid-col]:last-child {
    padding-right: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid .ui-panel {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid .ui-panel .ui-panel-titlebar {
  border: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-grid-row .ui-panel .ui-panel-content > .ui-fluid .ui-panel .ui-panel-content .ui-scrollpanel {
  border: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .btn-responsive {
  width: auto;
  min-width: 100px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .btn-responsive {
    min-width: 4.5433893685vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog {
  background: var(--white-color);
  width: 60% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  top: 30% !important;
  -webkit-transform: translateY(-30%) !important;
  -moz-transform: translateY(-30%) !important;
  -ms-transform: translateY(-30%) !important;
  -o-transform: translateY(-30%) !important;
  transform: translateY(-30%) !important;
  padding: 0;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content {
  padding: 0;
  border: none;
  color: var(--wc-font-color);
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .heading {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: normal;
  color: var(--wc-font-color);
  padding: 1rem;
  width: 100%;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-commandlink.cross {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-commandlink.cross {
    top: 0.726942299vw;
    right: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .fd-alert-dialog-message {
  padding: 0 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .fd-alert-dialog-message {
    padding: 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .fd-alert-dialog-message label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .fd-alert-dialog-message label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink {
    margin: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-yes {
  background: var(--primary-color);
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background: var(--btn-danger);
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no:hover, body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no:focus {
  text-decoration: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no:not([disabled]):not(.disabled):active, body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .btn-responsive .ui-commandlink.ui-confirmdialog-no {
    margin: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  display: flex;
  align-items: center;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .content {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-selectonemenu {
  display: block;
  width: 100%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive {
  padding: 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content.ui-grid-responsive {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    margin-bottom: 0;
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-outputlabel {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-outputlabel {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-grid-responsive {
  border-top: 1px solid var(--wc-border-color);
  margin-top: 0.5rem;
  padding: 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-grid-responsive {
    padding: 0.726942299vw;
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-grid-responsive .btn-responsive {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-grid-responsive .btn-responsive {
    margin-bottom: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-grid-responsive .btn-responsive:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content .ui-grid-responsive .btn-responsive:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid {
  display: flex;
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > .ui-panelgrid {
  width: 100%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] {
  padding: 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] {
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .ui-outputlabel {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .ui-outputlabel {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .btn-responsive {
  margin-right: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .btn-responsive {
    margin-right: 0.4543389368vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .btn-responsive:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .btn-responsive:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .ui-datatable > .ui-datatable-tablewrapper table thead tr th {
  text-align: left;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .ui-datatable > .ui-datatable-tablewrapper table tbody tr td a {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .ui-fluid > [class*=ui-grid-col] > .ui-datatable > .ui-datatable-tablewrapper table tbody tr td a {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .btn-responsive {
  padding: 0 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-dialog .ui-dialog-content > .btn-responsive {
    margin-bottom: 0.726942299vw;
    padding: 0 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row {
    padding-left: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell {
  padding: 0;
  display: flex;
  align-items: center;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell:last-child {
  padding-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell:last-child {
    padding-left: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell > .ui-outputlabel {
  margin-bottom: 0;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell > .ui-outputlabel {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-col-6 {
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-col-6 {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-col-6:last-child {
  padding-left: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-col-6:last-child {
    padding-left: 0.2271694684vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell > .ui-grid > .ui-grid-row > .btn-responsive {
  width: auto;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell .btn-responsive .ui-commandlink {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-tabs .ui-tabs-panels .ui-tabs-panel > .ui-fluid > .ui-panelgrid > .ui-panelgrid-content .ui-panelgrid-cell .btn-responsive .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content {
  border: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive {
  width: auto;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a {
  margin: 10px 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a {
    margin: 0.4543389368vw 0 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 10px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print:hover, body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print:focus {
  text-decoration: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print:not([disabled]):not(.disabled):active, body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a.ui-area-btn-print {
    margin: 0.4543389368vw 0 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive a i {
  display: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .ui-grid > .ui-grid-row > .btn-responsive:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive > .fd-output-label {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive > .fd-output-label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive .ui-selectonemenu {
  min-width: 130px;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive:first-child, body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive:nth-child(2), body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive:nth-child(3) {
  margin-top: 0.5rem;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive.ui-grid-col-12 {
  width: 100%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive.ui-grid-col-12 > .ui-panel {
  width: 100%;
  padding: 1rem;
  margin-bottom: 0.5rem;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-panel > .ui-panel-content > .ui-grid-row > [class*=ui-grid-col] .ui-panel .ui-panel-content > .btn-responsive.ui-grid-col-12 > .ui-panel {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-titlebar {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table {
  border: none;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content {
  border: none;
  padding: 0.5rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content {
    padding: 0.3634711495vw 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a {
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a i {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a:hover, body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a:focus {
  color: var(--wc-primary-color);
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a.ui-area-btn, body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .table .ui-panelgrid-content a.events-cal-link {
  color: var(--white-color);
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span {
  padding: 0 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span {
    padding: 0 0.726942299vw;
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-grid-col-12 {
  width: 100%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-grid-col-3 {
  width: 25%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-grid-col-9 {
  width: 75%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-grid-col-6 {
  width: 50%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-grid-col-4 {
  width: 33.333%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-grid-col-5 {
  width: 41.667%;
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .btn-responsive .content {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .btn-responsive .content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .btn-responsive:first-child .content {
  margin-bottom: 1rem;
  display: block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .btn-responsive:first-child .content {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-datatable {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-panel .ui-panel-content .ui-dialog .ui-dialog .ui-dialog-content > span .ui-datatable {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-scrollpanel {
  overflow: auto;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-scrollpanel {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-scrollpanel .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form .ui-scrollpanel .ui-datagrid .ui-datagrid-content {
    padding: 0;
  }
}
body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-grid > .ui-grid-row > .btn-responsive:last-child {
  margin-bottom: 1rem;
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .form-designer-portlet section.portlet .portlet-content-editable form > .ui-grid > .ui-grid-row > .btn-responsive:last-child {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .gallery-container section.portlet {
  overflow: hidden;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Navigationbar .nGY2NavPagination {
  background: var(--wc-overlay-bg);
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Navigationbar .nGY2NavPagination i {
  color: var(--white-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 6px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Navigationbar .nGY2NavPagination i {
    font-size: 0.726942299vw;
    padding: 0.2726033621vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Navigationbar .nGY2NavPagination i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Navigationbar .nGY2NavPagination i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Navigationbar .nGY2NavPagination i {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2paginationRectangle,
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2paginationRectangleCurrentPage {
    width: 1.3630168105vw;
    border-width: 0.0454338937vw;
  }
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailLabel,
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailImage,
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2ViewerMedia {
  background: var(--wc-overlay-bg);
  width: 100%;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnail {
  background-color: transparent;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailAlbumTitle,
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailImageTitle {
  color: var(--white-color);
  letter-spacing: 1px;
  line-height: normal;
  text-transform: capitalize;
  text-shadow: none;
  font-weight: 600;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailAlbumTitle,
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailImageTitle {
    font-size: 0.726942299vw;
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailAlbumTitle,
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailImageTitle {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailAlbumTitle,
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailImageTitle {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailAlbumTitle,
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailImageTitle {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2GThumbnailLabel {
  left: 0;
  right: auto;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GallerySub {
  width: 100%;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail {
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail {
    transition: none;
  }
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom {
  position: initial;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2paginationItemCurrentPage {
  display: none;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2paginationItem {
  display: none;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext,
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev {
  background: var(--wc-overlay-bg);
  color: var(--white-color);
  padding: 1rem;
  border-radius: 0px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext {
  right: 0%;
  margin-right: 0;
}
body.wcprop-2 .gallery-container section.portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev {
  left: 0%;
  margin-left: 0;
}
body.wcprop-2 .GiftCard-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .GiftCard-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
    padding: 0 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell input {
  width: 100%;
}
body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-responsive .ui-grid-row .btn-responsive {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-responsive .ui-grid-row .btn-responsive {
    margin-right: 0;
  }
}
body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-responsive .ui-grid-row .btn-responsive .gc-btn-search,
body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-responsive .ui-grid-row .btn-responsive .gc-btn-reset {
  margin: 0;
  height: calc(var(--field-height) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-responsive .ui-grid-row .btn-responsive .gc-btn-search,
  body.wcprop-2 .GiftCard-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-grid-responsive .ui-grid-row .btn-responsive .gc-btn-reset {
    margin: 0;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid-col-12 .ui-grid-col-6.pull-left {
  width: auto;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid-col-12 .ui-grid-col-6.pull-left {
    width: 100%;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid-col-12 .ui-grid-col-6.pull-right {
  width: auto;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid-col-12 .ui-grid-col-6.pull-right {
    width: 100%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid-col-12 .ui-grid-col-6.pull-right {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-booking-col {
  font-weight: 600;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-booking-col.text-right {
  font-weight: normal;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-g {
    margin-bottom: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-g > [class*=ui-g-] {
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    width: 100%;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem 0 0;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel {
    padding: 0.3634711495vw 0 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content {
  border: none;
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: unset;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content {
    padding-bottom: 0.3634711495vw;
    margin-bottom: 0.3634711495vw;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content {
    margin-top: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > label {
    margin-bottom: 0;
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > label:last-child {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell > label:last-child {
    padding-right: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-currency > span {
  margin-bottom: 0;
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  padding-right: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-currency > span {
    margin-bottom: 0;
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding-right: 0.1817355747vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-currency > span:last-child {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-currency > span:last-child {
    padding-right: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-7 {
  text-align: left;
}
@media (max-width: 1900.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-7.gttr-booking-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-7.gttr-booking-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5 {
  text-align: right;
}
@media (max-width: 1900.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5.gttr-booking-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5.gttr-booking-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gttr-booking-panel {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gttr-booking-panel {
    padding-left: 0.5452067242vw;
    padding-right: 0.5452067242vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gttr-booking-panel {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gttr-booking-panel {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details {
    padding-left: 0.5452067242vw;
    padding-right: 0.5452067242vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details > label {
  display: flex;
  justify-content: center;
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details > label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details > label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details > label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details > label:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtrr-booking-details > label:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtt-book-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .gtt-book-button {
    padding: 0.5rem;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .liferay-faces-bridge-body ~ div[style] {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .liferay-faces-bridge-body ~ div[style] {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .liferay-faces-bridge-body ~ div[style] {
    max-width: 170px;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .liferay-faces-bridge-body ~ div[style] .ui-calendar {
  position: relative;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .liferay-faces-bridge-body ~ div[style] .ui-calendar .ui-inputfield {
  width: 100%;
  padding-right: 40px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .liferay-faces-bridge-body ~ div[style] .ui-calendar .ui-inputfield {
    padding-right: 1.8173557474vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .liferay-faces-bridge-body ~ div[style] .ui-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content label {
  width: 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info:hover, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info:focus {
  text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info:not([disabled]):not(.disabled):active, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-validationError-dialog .ui-dialog-content .ui-grid-a .ui-commandlink.ui-area-btn-info:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .cross {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .cross {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .cross {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .cross {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .tee-time-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 0.25rem 0.75rem 1rem 0;
  border-bottom: 1px solid var(--wc-border-color);
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .tee-time-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0.5452067242vw 0.726942299vw 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .tee-time-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .tee-time-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .gttr-dialog-res-totc-div {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .gttr-dialog-res-totc-div {
    margin-top: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .gttr-dialog-res-totc-div {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .gttr-dialog-res-totc-div {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .gttr-dialog-res-totc-div .gttr-dialog-res-totc-label {
  font-weight: 600;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .gttr-dialog-res-totc-div .gttr-dialog-res-totc-label {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid {
  width: 100%;
  border-top: 1px solid var(--wc-border-color);
  margin-top: 1rem;
  padding-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid {
    margin-top: 0.726942299vw;
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive {
  width: max-content;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info:hover, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info:focus {
  text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info:not([disabled]):not(.disabled):active, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-total-charges-dialog .ui-dialog-content .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-info {
    margin-top: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog .gttr-player-charges-col,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog .gttr-total-charges-col,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog .gttr-dialog-player-total-charges {
  text-align: right;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-titlebar {
  line-height: normal;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content {
  width: 100%;
  font-weight: normal;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content .ui-grid .btn-responsive a {
  background: var(--primary-color);
  color: var(--btn-text-color);
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content .ui-grid .btn-responsive a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content .ui-grid .btn-responsive a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-dialog.gttr-val-err-dialog .ui-dialog-content .ui-grid .btn-responsive a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel {
  border: 1px solid var(--wc-border-color);
  padding: 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-course-label-div .gttr-review-box .ui-panelgrid-cell > label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-course-label-div .gttr-review-box .ui-panelgrid-cell > label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-course-label-div .gttr-review-box .ui-panelgrid-cell > label.gttr-review-label {
  font-weight: normal;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .gttr-course-label-div > .gttr-review-label {
  display: block;
  text-align: right !important;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-number-of-players-label {
  margin-bottom: 0;
  padding-right: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-number-of-players-label {
    margin-bottom: 0;
    padding-right: 0.4543389368vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-number-of-players .ui-button {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-number-of-players .ui-button {
    width: 2.2716946842vw;
    height: 2.2716946842vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col a {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info .gttr-booking-col a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .gttr-player-info textarea {
  width: 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-datatable {
  border: none;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-datatable {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-autocomplete {
  width: 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel > .ui-grid .btn-responsive {
  width: max-content;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel > .ui-grid .btn-responsive .gttr-review-reset-button {
  background: var(--btn-danger);
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel > .ui-grid .btn-responsive .gttr-review-reset-button:hover {
  background: var(--danger);
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .time-left-area {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .time-left-area {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .time-left-area .gttr-time-left-timer {
  font-weight: 600;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .time-left-area .mandatory {
  padding-left: 0;
  padding-right: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gttr-review-screen-panel .time-left-area .mandatory {
    padding-left: 0;
    padding-right: 0.1363016811vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  width: max-content;
  display: flex;
  margin: 0 0 0 auto;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart:hover, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart:focus {
  text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart:not([disabled]):not(.disabled):active, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart {
    margin: 0 0 0 auto;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart .shop-heading {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: normal;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .gtrr-redirect-shopping-cart .shop-heading {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: normal;
    margin-bottom: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid .back-to-search-div .btn-responsive {
  width: max-content;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid .back-to-search-div .btn-responsive a {
  margin-top: 0;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .ui-grid .back-to-search-div .btn-responsive a {
    margin-top: 0;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12 span [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12 span [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12:nth-child(even) {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12:nth-child(even) {
    margin-bottom: 16px;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .ui-panelgrid .ui-panelgrid-content {
  border: none;
  background: transparent;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel h5.heading {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel h5.heading {
    margin-bottom: 0px;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.5815538392vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row span {
  flex: 0 0 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  padding: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table {
  width: auto;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
    width: 9.0867787369vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
  width: 120px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
    width: 5.4520672422vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
  margin-right: 0;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
    margin-right: 0;
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar {
  position: relative;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar input {
  width: 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .ui-grid-row,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .ui-grid-row,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .ui-grid-row,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .ui-grid-row {
  align-items: center;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .ui-grid-row,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .ui-grid-row,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .ui-grid-row,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row {
  order: 2;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background-color: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:focus {
  text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover {
  background-color: var(--danger);
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive {
  width: auto;
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive {
    width: 100%;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive a,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive a,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive a,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive a {
  margin-top: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive a {
    display: block;
    margin: 0 0 10px;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .row-fluid,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .row-fluid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .row-fluid,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .row-fluid {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
  font-size: calc(var(--wc-fs-heading4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row {
  flex-wrap: wrap;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col input,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col input {
  width: 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  align-items: center;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 {
    margin: 0;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
    margin-top: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
    width: 100%;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:focus,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:focus {
  text-decoration: none;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled):active, body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    margin-top: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .ui-commandlink.gr-fp-cancel {
  margin-right: 0.5rem;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 {
  padding-bottom: 0;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  padding: 0.5rem 0;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table {
  width: auto;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
    width: 9.0867787369vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
  width: 120px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
    width: 5.4520672422vw;
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
  margin-right: 0;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
    margin-right: 0;
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row span {
  flex: 0 0 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar {
  position: relative;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar input {
  width: 100%;
}
body.wcprop-2 .guestTeeTimeReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    width: 25%;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-7.gttr-booking-col,
body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-7.gttr-booking-col {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-7.gttr-booking-col,
  body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-7.gttr-booking-col {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .wcl-col-9 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5.gttr-booking-col,
body.wcprop-2 .wcl-col-6 .guestTeeTimeReservation-portlet section.portlet .gttr-search-panel .gttr-slotsDIV .ui-datagrid .ui-datagrid-content .ui-g .gttr-slot-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-5.gttr-booking-col {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12 span [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12 span [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12:nth-child(even) {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12:nth-child(even) {
    margin-bottom: 16px;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .ui-panelgrid .ui-panelgrid-content {
  border: none;
  background: transparent;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel h5.heading {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel h5.heading {
    margin-bottom: 0px;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .guest-instruction {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.5815538392vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row span {
  flex: 0 0 100%;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  padding: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table {
  width: auto;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
    width: 9.0867787369vw;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
  width: 120px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
    width: 5.4520672422vw;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
  margin-right: 0;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
    margin-right: 0;
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar {
  position: relative;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar input {
  width: 100%;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-labels,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-labels {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .ui-grid-row,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .ui-grid-row,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .ui-grid-row,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .ui-grid-row {
  align-items: center;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .ui-grid-row,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .ui-grid-row,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .ui-grid-row,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row {
  order: 2;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background-color: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover, body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:focus {
  text-decoration: none;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active, body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover {
  background-color: var(--danger);
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive {
  width: auto;
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive {
    width: 100%;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive a,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive a,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive a,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive a {
  margin-top: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive a {
    display: block;
    margin: 0 0 10px;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .row-fluid,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .row-fluid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .row-fluid,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .row-fluid {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
  font-size: calc(var(--wc-fs-heading4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row {
  flex-wrap: wrap;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col input,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col input {
  width: 100%;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  align-items: center;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 {
    margin: 0;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
    margin-top: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
    width: 100%;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover, body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:focus,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:focus {
  text-decoration: none;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled):active, body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled).active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled):active,
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    margin-top: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .ui-commandlink.gr-fp-cancel {
  margin-right: 0.5rem;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 {
  padding-bottom: 0;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  padding: 0.5rem 0;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table {
  width: auto;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
    width: 9.0867787369vw;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
  width: 120px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
    width: 5.4520672422vw;
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
  margin-right: 0;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
    margin-right: 0;
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row span {
  flex: 0 0 100%;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar {
  position: relative;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar input {
  width: 100%;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
body.wcprop-2 .guestRegistration-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .guestRegistration-portlet section.portlet .portlet-content-editable .ui-grid-responsive {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signup-section,
  body.wcprop-2 .wcl-col-9 .guestRegistration-portlet section.portlet .guest-registration-panel .gr-signin-section {
    flex: 0 0 100%;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label {
  font-weight: normal;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label b {
  display: block;
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label b {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label b:first-child {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label b:first-child {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label b:first-child ~ br {
  display: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div span .ui-fluid > label b:nth-of-type(2) ~ br {
  display: block;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
  color: var(--wc-font-color);
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0.2rem;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-9 {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-9 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-9 .label-info {
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0.5rem 0;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-9 .label-info {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-9 .label-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-9 .label-info {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
  max-width: max-content;
  margin-left: auto;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment:hover, body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment:focus {
  text-decoration: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment:not([disabled]):not(.disabled):active, body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
    margin-left: auto;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment {
    padding: 10px;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment i {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 .ui-area-btn-make-payment i {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .card-type-label {
  font-weight: 600;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-datatable.ui-widget.table {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-datatable.ui-widget.table {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-datatable.ui-widget.table table thead tr th {
  vertical-align: middle;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-datatable.ui-widget.table table thead tr th {
    font-size: calc(var(--wc-mobile-font-size) - 4px);
    padding: 0.5rem 0.2rem;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-datatable.ui-widget.table table tbody tr td input {
  height: auto;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .pmnt-info-bar {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid var(--wc-border-color);
  line-height: normal;
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .pmnt-info-bar {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .pmnt-info-bar {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .pmnt-info-bar {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .pmnt-info-bar .info-bar-right {
  text-align: right;
  margin-left: auto;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .roster-search-type-btn-container {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .roster-search-type-btn-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 800;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-7 table.ui-selectmanycheckbox {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-7 table.ui-selectmanycheckbox {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell.ui-grid-col-7 table.ui-selectmanycheckbox tr:nth-child(odd) {
  background: transparent;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: inline-block;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text:hover, body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text:focus {
  text-decoration: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text:not([disabled]):not(.disabled):active, body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .address-on-file-link .address-on-file-text:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .routing-num-instruction {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid .ui-panelgrid-blank .ui-panelgrid-content .routing-num-instruction {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-fluid iframe {
  width: max-content;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-selectbooleancheckbox {
  margin-bottom: 1rem;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-selectbooleancheckbox {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .pmnt-create-ach-error {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .pmnt-create-ach-error {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-col-2.btn-responsive .pmnt-btn {
  margin-top: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-col-2.btn-responsive .pmnt-btn {
    margin-top: 0.4543389368vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  max-width: max-content;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment:hover, body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment:focus {
  text-decoration: none;
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment:not([disabled]):not(.disabled):active, body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment {
    margin-left: auto;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment i {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .pmnt-main-div .ui-grid-row.ui-grid-responsive .ui-grid-col-3 .ui-area-btn-make-payment i {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog {
  width: 50% !important;
  top: 30% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  border-radius: var(--borderRadius);
  overflow: hidden;
  background-color: var(--white-color);
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog {
    width: 60% !important;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog {
    width: 70% !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog {
    width: 85% !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog {
    width: 95% !important;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
  background: var(--primary-color);
  color: var(--bg-text-color);
  font-size: calc(var(--wc-fs-heading4) * 1px);
  padding: 1rem 0.75rem;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  background: var(--primary-color);
  color: var(--bg-text-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 0;
  line-height: normal;
  float: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--bg-text-color);
  line-height: normal;
  float: none;
  margin: 0;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border: none;
  padding: 0rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .cross {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--bg-text-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .cross {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .chit-heading {
  background: var(--primary-color);
  color: var(--bg-text-color);
  font-size: calc(var(--wc-fs-heading4) * 1px);
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .chit-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content div[style] {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content div[style] {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border: none;
  padding: 0.5rem 0.75rem;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw 0.5452067242vw;
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column[class*=ui-md] {
  padding-left: 0;
  padding-right: 0;
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a {
  color: var(--primary-color);
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a h4 {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a h4 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.1817355747vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a h4 {
    font-size: calc((var(--wc-fs-heading6) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a h4 {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a h4 {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a h4 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a h4 {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a .address-content {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a .address-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a .address-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .pmnt-address.address-box a .address-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table {
  color: var(--wc-font-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table label {
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table label {
    font-size: calc(var(--wc-mobile-font-size) - 4px);
  }
}
body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table .label-success {
  background-color: #287d3d;
  color: var(--white-color);
  padding: 3px 5px !important;
  display: inline-block;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MakePayment-portlet section.portlet .ui-dialog .ui-dialog-content table .label-success {
    padding: 0.1363016811vw 0.2271694684vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row {
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row [class*=ui-grid-col] {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-image-style .roster-profile-pic-container {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  height: 0;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-image-style .roster-profile-pic-container .roster-profile-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
  font-size: calc(var(--wc-fs-heading4) * 1px);
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--wc-font-color);
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
    margin-top: 1rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email {
  margin-bottom: 1rem;
  display: block;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email a {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.vmi-odd-col {
  border-right: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.vmi-odd-col.ui-grid-col-4.odd-col.col-head {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.ui-grid-col-8.even-col.vmi-even-col {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item {
    margin-bottom: 1rem;
    display: block;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item .vmi-grid tbody tr td i {
  padding-right: 5px;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item .vmi-grid tbody tr td i {
    padding-right: 0.2271694684vw;
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .ui-panelgrid-content {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row .vmi-main-grid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item {
  margin-bottom: 0.5rem;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item > .ui-grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  clear: both;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item > .ui-grid {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item .address-type-name h4 {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  padding: 1rem;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  line-height: normal;
  box-sizing: inherit;
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
  margin: 0;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  font-family: var(--wc-font-family);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item .address-type-name h4 {
    padding: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: calc(100% - 1rem);
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-4.odd-col.col-head {
  word-break: break-all;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-4.odd-col.col-head {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-8.even-col {
  word-break: break-all;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-8.even-col {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row ~ .roster-item {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .roster-row ~ .roster-item {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid table.grid.vmi-grid td.ui-grid-col-4 {
    width: auto;
    word-break: break-word;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid table.grid.vmi-grid td.ui-grid-col-8 {
    width: auto;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row {
  margin-bottom: 0;
  flex-wrap: initial;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .ui-grid > .ui-grid-row {
  flex-wrap: wrap;
  margin: 0;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container {
    margin-left: get4(-8px);
    margin-right: get4(-8px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container > .text-center {
  text-align: left !important;
  padding: 0 0.5rem;
  margin-bottom: 0;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container .roster-dependent-pic {
  max-width: 200px;
  margin-bottom: 0;
  object-fit: cover;
  max-height: 200px;
  width: 200px;
  height: 200px;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container .roster-dependent-pic {
    max-width: 9.0867787369vw;
    max-height: 9.0867787369vw;
    width: 9.0867787369vw;
    height: 9.0867787369vw;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3 {
    width: 100%;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive {
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive:nth-child(1) {
  margin-right: 0;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive a {
    margin-top: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading {
  width: 100%;
  display: flex;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  background: var(--white-color);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-interest-name h4 {
  background: var(--table-thead-color);
  color: var(--table-th-color);
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  padding: 0.5rem;
  margin-bottom: 0;
  font-weight: 600;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-interest-name h4 {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col .ui-datalist-content {
  border: 1px solid var(--wc-border-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dl {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dl {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    padding-bottom: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-even-col {
  margin-left: auto;
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-even-col {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-odd-col {
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-odd-col {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-col-1 {
  font-weight: 600;
  flex: 1 0 auto;
  width: auto;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-col-2 {
  width: auto;
  flex: 0 0 auto;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents {
  margin-top: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .text-center {
  text-align: left !important;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .roster-dependent-pic {
  max-width: 200px;
  margin-bottom: 0;
  object-fit: cover;
  max-height: 200px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .roster-dependent-pic {
    margin-bottom: 0;
    max-width: 9.0867787369vw;
    max-height: 9.0867787369vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-main-grid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-main-grid {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-grid .roster-main-grid .ui-grid-responsive .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid .ui-datagrid-content,
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid .ui-panelgrid-content,
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-panelgrid .ui-datagrid-content,
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: transparent;
  padding: 0;
  line-height: normal;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-g [class*=ui-g-] {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-g [class*=ui-g-] {
    padding: 0 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column {
  display: flex;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box {
  text-align: center;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody {
  width: 100%;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr {
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td {
  border: none;
  background: transparent;
  padding: 0;
  width: 100%;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td img {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td img {
    width: 15%;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td .ui-outputpanel {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td .ui-outputpanel {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td .ui-outputpanel {
    font-size: var(--wc-mobile-font-size);
    margin-bottom: 0.3rem;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td .member-img {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td .member-img {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td .member-img img {
  margin-bottom: 1rem;
  width: auto;
  max-height: 300px;
  min-height: 300px;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td .member-img img {
    margin-bottom: 0.726942299vw;
    max-height: 13.6301681054vw;
    min-height: 13.6301681054vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td a {
  font-family: var(--wc-heading-font-family2);
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  font-weight: 600;
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td a {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td a {
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td a i {
  font-size: 12px;
  margin-right: 0;
  margin-left: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td a i {
    font-size: 0.5452067242vw;
    margin-right: 0;
    margin-left: 0.2271694684vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td a[onclick*=memberDetail] {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column table.mb-box tbody tr td a[onclick*=memberDetail] {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-3 {
    width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-3 {
    width: 100%;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-3 table.mb-box tbody tr td .member-img img {
  width: 100%;
  max-height: 300px;
  min-height: 300px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-3 table.mb-box tbody tr td .member-img img {
    max-height: 13.6301681054vw;
    min-height: 13.6301681054vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-3 table.mb-box tbody tr td .member-img img {
    max-height: 230px;
    min-height: 230px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-3 table.mb-box tbody tr td .member-img img {
    max-height: 300px;
    min-height: 300px;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-4 table.mb-box tbody tr td .member-img img {
  width: 100%;
  max-height: 400px;
  min-height: 400px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-4 table.mb-box tbody tr td .member-img img {
    max-height: 18.1735574739vw;
    min-height: 18.1735574739vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-4 table.mb-box tbody tr td .member-img img {
    max-height: 255px;
    min-height: 255px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-4 table.mb-box tbody tr td .member-img img {
    max-height: 300px;
    min-height: 300px;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-6 table.mb-box tbody tr td .member-img img {
  width: 100%;
  max-height: 550px;
  min-height: 550px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-datagrid-column.ui-md-6 table.mb-box tbody tr td .member-img img {
    max-height: 24.9886415266vw;
    min-height: 24.9886415266vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border: none;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.75rem;
  top: 15px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    right: 0.5452067242vw;
    top: 0.6815084053vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content {
  border: none;
  padding: 1rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content {
    padding: 0.726942299vw 0.5452067242vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel {
  padding: 0;
  border: none;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .mb-main-grid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .mb-main-grid .ui-panelgrid-content .ui-panelgrid-cell table {
    margin-bottom: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .mb-main-grid .ui-panelgrid-content .ui-panelgrid-cell table.mb-grid.table td.ui-grid-col-4 {
    width: auto;
    word-break: break-word;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .mb-main-grid .ui-panelgrid-content .ui-panelgrid-cell table.mb-grid.table td.ui-grid-col-8 {
    width: auto;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .mb-main-grid .ui-panelgrid-content .ui-panelgrid-cell .picture-image {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  object-position: top;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .mb-main-grid .ui-panelgrid-content .ui-panelgrid-cell .picture-image {
    max-height: 15.9018627896vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-grid-responsive .ui-grid-row .btn-responsive {
  width: auto;
}
body.wcprop-2 .MemberBirthday-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberBirthday-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller.ui-tabs-navscroller-btn-hidden .ui-tabs-navscroller-btn {
  display: none;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  height: 100%;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn .ui-icon {
  margin: 0;
  font-family: var(--fontawesome-family);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn .ui-icon::before {
  font-weight: 600;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left {
  left: 0;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon-carat-1-w::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right {
  right: 0;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon-carat-1-e::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn:hover, body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav {
  margin: 0;
  padding: 0;
  border-left: 0 none;
  border-right: 0 none;
  border: 0 none;
  background-color: var(--white-color);
  width: 5000px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav {
    width: 227.1694684234vw;
  }
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li {
  background: transparent;
  border: none;
  padding: 0;
  margin-right: 0.25rem;
  list-style: none;
  position: static;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  float: none;
  font-weight: 700;
  top: 0;
  transition: background-color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li {
    margin-right: 0.1817355747vw;
  }
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  opacity: 0.5;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li a {
    letter-spacing: 0.0227169468vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li.ui-state-active a {
  opacity: 1;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-tabs-scrollable .ui-tabs-panels .ui-tabs-panel table th {
  text-align: left;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-titlebar {
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable {
  border: none;
}
@media (max-width: 640px) {
  body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper tbody tr td {
    display: flex;
    border: none;
    border-bottom: 1px solid var(--wc-border-color);
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper tbody tr td .ui-column-title {
    margin-right: auto;
    min-width: auto;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper tbody tr td .ui-column-title:empty {
  flex: unset;
  max-width: initial;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper tbody tr td .ui-datatable {
  border: none;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper tbody tr td:last-child {
  border-bottom: none;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper tbody .ui-expanded-row-content {
  background-color: transparent;
}
body.wcprop-2 .memberCommittees-portlet section.portlet .ui-fluid .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper tbody .ui-expanded-row-content .ui-datatable-tablewrapper table thead tr:nth-of-type(odd) th {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-datagrid .ui-datagrid-content,
body.wcprop-2 .memberContacts-portlet section.portlet .ui-datagrid .ui-panelgrid-content,
body.wcprop-2 .memberContacts-portlet section.portlet .ui-panelgrid .ui-datagrid-content,
body.wcprop-2 .memberContacts-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: transparent;
  padding: 0;
  line-height: normal;
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 0;
  line-height: normal;
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel table tbody tr {
    display: flex;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel table tbody tr td {
    word-break: break-all;
    width: auto;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
body.wcprop-2 .memberContacts-portlet section.portlet .edit-contact .ui-selectonemenu {
  width: 100%;
  background: transparent;
}
body.wcprop-2 .memberContacts-portlet section.portlet .edit-contact .form-group .ui-autocomplete {
  padding: 0;
  background: transparent;
  display: block;
  height: auto;
  border: none;
}
body.wcprop-2 .memberContacts-portlet section.portlet .edit-contact .form-group .ui-autocomplete input {
  width: 100%;
}
body.wcprop-2 .memberContacts-portlet section.portlet .edit-contact .form-group .ui-autocomplete.ui-icon {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid-contact .btn-responsive {
  width: auto;
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive {
  width: auto;
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive:nth-child(1) {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive:nth-child(1) {
    margin-right: 0;
  }
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry:hover, body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry:focus {
  text-decoration: none;
}
body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry:not([disabled]):not(.disabled):active, body.wcprop-2 .memberContacts-portlet section.portlet .ui-grid.ui-grid-contact .ui-grid-row .btn-responsive a.ui-area-btn-secondry:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .memberContacts-portlet section.portlet hr {
  display: none;
}
body.wcprop-2 .memberContacts-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .memberContacts-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-g > [class*=ui-g-] {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-g > [class*=ui-g-] {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-panelgrid.ui-widget .ui-panelgrid-content {
  border: none;
  padding: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-panelgrid.ui-widget .ui-panelgrid-content .ui-panelgrid-cell {
    width: auto;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-panelgrid.ui-widget .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-2 {
    margin-left: auto;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-panelgrid.ui-widget .ui-panelgrid-content .ui-panelgrid-cell .int-add-update-button.int-up-button {
  margin: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-panelgrid.ui-widget .ui-panelgrid-content .ui-panelgrid-cell .int-add-update-button.int-up-button {
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .int-message {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .int-message {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content {
  padding: 0;
  border: none;
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt {
  font-weight: 400;
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-header {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  margin-bottom: 0;
  padding: 0.75rem;
  width: 100%;
  text-align: left;
  line-height: normal;
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-header {
    padding: 0.5452067242vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-header {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-header {
    font-size: calc((var(--wc-fs-heading6) - 3) * 1px);
    padding: 0.4rem;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-header .mi-int-heading {
  font-family: var(--wc-font-family);
  font-weight: 600;
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content {
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  font-size: calc(var(--wc-font-size) * 1px);
  border-top: none;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
    padding: 0.4rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content {
    font-size: var(--wc-mobile-font-size);
    padding: 0rem;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content > .ui-g {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content > .ui-g {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content > .ui-g:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content > .ui-g:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content .ui-datagrid-column textarea.interest-inputtextarea-field {
  width: 100%;
  height: calc(var(--field-height) * 1px);
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content .ui-datagrid-column textarea.interest-inputtextarea-field {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content .ui-datagrid-column .ui-selectonemenu {
  min-width: initial !important;
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .ui-datagrid .ui-datagrid-content .ui-datagrid-column .ui-selectonemenu {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet form .ui-datalist .ui-datalist-content .ui-datalist-data dt .mi-view-table {
  border: none;
}
body.wcprop-2 .MemberInterests-portlet section.portlet .portlet-content-editable form .ui-fluid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet .portlet-content-editable form .ui-fluid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet .portlet-content-editable form .ui-fluid .ui-panelgrid .ui-panelgrid-content {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberInterests-portlet section.portlet .portlet-content-editable form .ui-fluid .ui-panelgrid .ui-panelgrid-content {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .MemberInterests-portlet section.portlet .portlet-content-editable form hr {
  display: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel[class*=mem-lead-] {
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel[class*=mem-lead-] {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel.mem-lead-basic-info, body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel.mem-lead-contact-info, body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel.mem-lead-address-info {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  margin-bottom: 0;
  padding: 0.75rem 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel.mem-lead-basic-info, body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel.mem-lead-contact-info, body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-outputlabel.mem-lead-address-info {
    margin-bottom: 0;
    padding: 0.5452067242vw 0.726942299vw;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row {
  flex: 0 0 calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
  flex-direction: column;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row {
    flex: 0 0 calc(50% - 0.3634711495vw);
    max-width: calc(50% - 0.3634711495vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row:nth-child(odd) {
  margin-right: 0.5rem;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row:nth-child(odd) {
    margin-right: 0.3634711495vw;
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row:nth-child(odd) {
    margin-right: 0;
    margin-left: 0;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row:nth-child(even) {
  margin-left: 0.5rem;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row:nth-child(even) {
    margin-left: 0.3634711495vw;
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .grid .ui-panelgrid-content .ui-grid-row:nth-child(even) {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid.grid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid.grid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content {
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  border-top: none;
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.lead-odd-col {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.lead-odd-col {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.lead-even-col {
  width: 100%;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.lead-even-col {
    padding: 0;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-outputlabel {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-outputlabel {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row:nth-last-of-type(2) {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row:nth-last-of-type(2) {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row:last-of-type {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-grid.ui-grid-responsive .ui-grid-row .btn-responsive {
  width: auto;
}
body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-grid.ui-grid-responsive .ui-grid-row .btn-responsive:nth-child(1) {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberLead-portlet section.portlet .memberLead-webservice .memberLead-content .ui-fluid .ui-grid.ui-grid-responsive .ui-grid-row .btn-responsive:nth-child(1) {
    margin-right: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet {
  font-family: var(--wc-font-family);
  /*preferencess css Begins*/
  /*preferencess css Enda*/
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-grid-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-grid-row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-grid-row .ui-grid-col-2.btn-responsive {
  width: auto;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  float: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    margin: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar {
  border: none;
  background-color: transparent;
  padding: 0;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose {
  display: inline-flex;
  align-items: center;
  outline: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
  position: initial;
  display: inline-flex;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-right: 5px;
  font-size: 14px;
  text-indent: 0;
  overflow: visible;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
    margin-top: 0;
    margin-right: 0.2271694684vw;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon:before {
  content: var(--plus-icon-1);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
  padding: 0;
  display: inline-flex;
  line-height: normal;
  cursor: pointer;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {
    top: 0;
    left: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-content {
  padding: 0;
  border: none;
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-dialog .ui-dialog-content .mp-dialog-grid .ui-panelgrid-content .ui-fileupload .ui-fileupload-content {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .mp-dn-heading {
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .mp-dn-heading {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .mp-dn-heading {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .mp-dn-heading {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .mp-dn-heading {
    font-size: calc((var(--wc-fs-heading3) - 6) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .mp-dn-heading {
    font-size: calc((var(--wc-fs-heading4) - 8) * 1px);
    margin-top: 1rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.ui-grid-col-3 {
    margin-left: auto;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin-left: auto;
  color: var(--secondary-color);
  border-color: var(--secondary-color);
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary:hover, body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary:focus {
  text-decoration: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary:not([disabled]):not(.disabled):active, body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary:hover {
  background: var(--secondary-color-hover);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .btn-block.ui-area-btn-primary i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive {
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-grid-row .ui-panelgrid-cell.ui-grid-col-10 {
    width: auto;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-grid-row .ui-panelgrid-cell.ui-grid-col-2 {
    width: auto;
    margin-left: auto;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry:hover, body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry:focus {
  text-decoration: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry:not([disabled]):not(.disabled):active, body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button.ui-area-btn-secondry:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button:first-child {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button:first-child {
    margin: 0;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-widget .ms-add-update-button:first-child {
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid:first-child {
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid:first-child {
    margin-bottom: 1.0904134484vw;
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-3 {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-7 {
    width: 100%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .grid.mp-grid {
  width: 100%;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.text-center {
  text-align: left !important;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style span {
  position: relative;
  height: 0;
  padding-bottom: 80%;
  overflow: hidden;
  display: block;
  width: 100%;
  max-width: 80%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style span {
    margin: 0 auto;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style span img {
    margin: 0;
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style .mp-avatar .mp-avatar-preview > div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  margin-bottom: 0;
  max-width: initial;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style .ui-g .mp-avatar .mp-avatar-preview {
  border-radius: 100%;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink {
  position: absolute;
  top: 2%;
  right: 15%;
  background: var(--wc-font-color);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: 0.2s background;
  will-change: background;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink {
    width: 1.590186279vw;
    height: 1.590186279vw;
    border-radius: 2.2716946842vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink {
    top: 4%;
    right: 22%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink {
    top: 4%;
    right: 16%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink:hover, body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink:focus {
  background: var(--primary-color);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-upload-delete .mp-avatar-upload .ui-commandlink [class*=fa] {
  color: var(--bg-text-color);
  margin: 0;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink {
  position: absolute;
  top: 15%;
  right: 1%;
  background: var(--wc-font-color);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: 0.2s background;
  will-change: background;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink {
    width: 1.590186279vw;
    height: 1.590186279vw;
    border-radius: 2.2716946842vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink {
    top: 18%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink {
    top: 19%;
    right: 6%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink {
    top: 19%;
    right: 4%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink:hover, body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink:focus {
  background: var(--primary-color);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-delete .ui-commandlink [class*=fa] {
  color: var(--bg-text-color);
  margin: 0;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-preview > div {
  max-width: 350px;
  width: 300px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-avatar .mp-avatar-preview > div {
    max-width: 15.9018627896vw;
    width: 13.6301681054vw;
    height: 13.6301681054vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: block;
  max-width: 80%;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload:hover, body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload:focus {
  text-decoration: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload:not([disabled]):not(.disabled):active, body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload::after {
  content: "Upload";
  padding-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload::after {
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload [class*=fa] {
  color: var(--bg-text-color);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align .mp-upload [class*=fa] {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
  width: 45.33333%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
    width: 50.33333%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
    width: 54.33333%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .col-head span i {
  display: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
  width: 54.6667%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
    width: 49.6667%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
    width: 45.6667%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-header {
  background-color: transparent;
  color: var(--primary-color);
  padding: 0;
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  text-align: left;
  margin-bottom: 1rem;
  width: 100%;
  line-height: 2;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-header {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-header {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-header {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-header {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-header {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-header {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-email {
  padding: 4px 0 6px 0px;
  display: inline-block;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-email {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0 0.2726033621vw 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-label-status {
  padding: 5px 7px;
  border-radius: var(--BtnborderRadius);
  color: var(--white-color);
  background: #287d3d;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-label-status {
    padding: 0.2271694684vw 0.3180372558vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-label-status i {
  font-size: calc((var(--wc-font-size) - 3) * 1px);
  margin-right: 4px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-label-status i {
    font-size: calc((var(--wc-font-size) - 3) / var(--4k-ratio) * 1vw);
    margin-right: 0.1817355747vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid table thead th {
  border: transparent;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid table tbody tr td {
  border: transparent;
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-grid-col:last-child {
    margin-top: 0.8rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-grid-col .heading.mp-dn-heading {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-header {
  text-align: left;
  font-weight: 600;
  font-size: calc(var(--wc-fs-heading5) * 1px);
  padding: 0;
  margin-bottom: 1rem;
  color: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-header {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div {
  display: flex;
  flex-direction: column;
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div {
    border: none;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div {
  width: 100%;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div:first-child {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div:first-child {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div:last-child {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div:last-child {
    padding-right: 0.726942299vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div > span i {
  display: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div > span .mp-value-text {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-main-grid .mp-edit-grid .ui-panelgrid-content > div > div > span .mp-value-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet h2.dependent-register-heading, body.wcprop-2 .MemberProfile-portlet section.portlet h2.mp-heading {
  font-size: calc(var(--wc-fs-heading4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet h2.dependent-register-heading, body.wcprop-2 .MemberProfile-portlet section.portlet h2.mp-heading {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet h2.dependent-register-heading, body.wcprop-2 .MemberProfile-portlet section.portlet h2.mp-heading {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet h2.dependent-register-heading, body.wcprop-2 .MemberProfile-portlet section.portlet h2.mp-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet h2.dependent-register-heading, body.wcprop-2 .MemberProfile-portlet section.portlet h2.mp-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet h2.dependent-register-heading, body.wcprop-2 .MemberProfile-portlet section.portlet h2.mp-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet h2.dependent-register-heading, body.wcprop-2 .MemberProfile-portlet section.portlet h2.mp-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent {
  margin: 1rem 0;
  display: block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent {
    margin: 0.726942299vw 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row {
    display: block;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 1rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div {
    width: 100%;
    display: block;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div:nth-of-type(2n + 2) {
  padding-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div:nth-of-type(2n + 2) {
    padding-right: 0.726942299vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div:nth-of-type(2n + 2) {
    padding-right: 0;
    width: 100%;
    display: block;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div:nth-of-type(2n + 2):last-child {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div:nth-of-type(2n + 2):last-child {
    padding-right: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div:last-child {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div:last-child {
    padding-right: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div .mandatory {
  color: var(--btn-danger);
  padding-left: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .add-dependent .guest-fluid .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item > .ui-grid-row > div .mandatory {
    padding-left: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-heading ~ hr {
  display: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
  color: var(--wc-font-color);
  line-height: normal;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box {
  width: calc(100% - 0.5rem);
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  border-radius: var(--borderRadius);
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box {
    width: calc(100% - 0.3634711495vw);
    padding: 0.3634711495vw;
    margin-bottom: 0.5815538392vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box {
    width: 100%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody {
  display: table;
  order: 1;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr {
  background: transparent;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td {
  border: none;
  padding: 0;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .mp-dep-picture-image {
  width: 100%;
  height: auto;
  max-height: 350px;
  min-height: 350px;
  object-fit: cover;
  object-position: top;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .mp-dep-picture-image {
    max-height: 15.9018627896vw;
    min-height: 15.9018627896vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .mp-dep-picture-image {
    max-height: 200px;
    min-height: 200px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .mp-dep-picture-image {
    max-height: 300px;
    min-height: 300px;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .mp-vacc-status-link {
  display: inline-block;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .mp-vacc-status-link .mp-vacc-status.mp-vacc-status-dep {
  max-width: 26px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .mp-vacc-status-link .mp-vacc-status.mp-vacc-status-dep {
    max-width: 1.1812812358vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .text-bold {
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
  padding-right: 5px;
  margin: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tbody tr td .text-bold {
    padding-right: 0.2271694684vw;
    margin: 0.726942299vw 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tfoot {
  display: table;
  order: 2;
  text-align: center;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tfoot tr td {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tfoot tr td {
    padding: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tfoot tr td a,
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tfoot tr td .ui-state-disabled {
  display: inline-flex;
  margin: 1rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tfoot tr td a,
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content .dependent-box tfoot tr td .ui-state-disabled {
    margin: 0.726942299vw 0 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-md-12 .dependent-box {
  width: calc(33.33333333% - 0.5rem);
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-md-12 .dependent-box {
    width: 100%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-md-6,
body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-md-4 {
  width: 33.33333333%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-md-6,
  body.wcprop-2 .MemberProfile-portlet section.portlet .ui-datagrid .ui-datagrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-md-4 {
    width: 100%;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view {
  background: var(--wc-body-bg);
  padding: 1.25rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view {
    padding: 0.9086778737vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .mp-heading {
  font-size: 0;
  position: relative;
  text-align: center;
  margin: 0;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .mp-heading a {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  top: 210px;
  bottom: auto;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-family: var(--wc-heading-font-family1);
  color: var(--primary-color);
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 5px;
  width: max-content;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .mp-heading a {
    top: 9.5411176738vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .mp-heading a {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
    width: auto;
    border: none;
    text-decoration: underline;
    text-decoration-color: var(--wc-border-color);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic {
  text-align: center;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar {
  position: relative;
  max-width: 205px;
  margin: 0 auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar {
    max-width: 9.3139482054vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar .mp-avatar-preview {
  width: auto;
  height: 155px;
  max-width: 155px;
  margin: 0 auto;
  position: relative;
  border-radius: 100%;
  border: 5px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar .mp-avatar-preview {
    height: 7.0422535211vw;
    max-width: 7.0422535211vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar .mp-avatar-preview div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar .mp-avatar-preview div .mp-avatar-upload {
  position: absolute;
  top: 80px;
  left: -10px;
  z-index: 1;
  width: 35px;
  height: 35px;
  cursor: pointer;
  margin-bottom: 0;
  border-radius: 100%;
  background: var(--wc-border-color);
  display: inline-block;
  font-weight: normal;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar .mp-avatar-preview div .mp-avatar-upload:hover {
  background: var(--wc-border-color);
  border-color: var(--wc-border-color);
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar .mp-avatar-preview div .mp-avatar-upload a {
  width: 100%;
  height: 100%;
  margin-top: 8px;
  color: var(--primary-color);
  display: inline-block;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-avatar .mp-avatar-preview div .mp-avatar-delete {
  position: absolute;
  top: 80px;
  right: -10px;
  z-index: 1;
  width: 35px;
  height: 35px;
  cursor: pointer;
  margin-bottom: 0;
  border-radius: 100%;
  background: var(--btn-danger);
  display: inline-block;
  font-weight: normal;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-picture-image {
  width: auto;
  height: 155px;
  max-width: 155px;
  margin: 0 auto;
  position: relative;
  border: 5px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-picture-image {
    height: 7.0422535211vw;
    max-width: 7.0422535211vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-dn-heading {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-heading-font-family1);
  color: var(--primary-color);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  padding-top: 15px;
  margin-bottom: 65px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-dn-heading {
    font-size: 0.8178100863vw;
    padding-top: 0.6815084053vw;
    margin-bottom: 2.9532030895vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .pic .mp-dn-heading .mp-vacc-status-link {
  display: none;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel {
  border-top: 1px solid var(--wc-border-color);
  padding: 30px 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel {
    padding: 1.3630168105vw 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel:last-of-type {
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel:last-of-type {
    padding-bottom: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel h4 {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-heading-font-family1);
  color: var(--primary-color);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel h4 {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel p {
  font-size: 0.729vw;
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel p {
    font-size: 0.6360745116vw;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel p {
    font-size: calc((var(--wc-font-size) - 6) * 1px);
    letter-spacing: 0;
    line-height: normal;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel p {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .mp-card-view .profile .bio .mp-panel p span {
  float: right;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-grid-row {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-grid-row > [class*=ui-grid-col] .text-bold {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  line-height: normal;
  margin: 0 0 8px;
  word-break: break-all;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-grid-row > [class*=ui-grid-col] .text-bold {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    line-height: normal;
    margin: 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell:first-child {
  flex-wrap: wrap;
}
body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid-header.ui-widget-header {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid-header.ui-widget-header {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid-header.ui-widget-header {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid-header.ui-widget-header {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid-header.ui-widget-header {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid-header.ui-widget-header {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberProfile-portlet section.portlet .portlet-content-editable .ui-panelgrid-header.ui-widget-header {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.ui-grid-col-3,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.ui-grid-col-3 {
    margin-left: auto;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.ui-grid-col-3.text-center.mp-align.mp-image-style,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.ui-grid-col-3.text-center.mp-align.mp-image-style {
    width: auto;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.mp-grid-col.ui-grid-col-7,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.mp-grid-col.ui-grid-col-7 {
    width: 74.6667%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.mp-grid-col.ui-grid-col-7,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell.mp-grid-col.ui-grid-col-7 {
    width: auto;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid .ui-grid-row,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid .ui-grid-row {
    display: block;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-3,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-3 {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-7,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-7 {
    width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .grid.mp-grid,
body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .grid.mp-grid {
  width: 100%;
}
body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .col-head,
body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
  width: 45.33333%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .col-head,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
    width: 50.33333%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .col-head,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
    width: 54.33333%;
  }
}
body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .even-col,
body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
  width: 54.6667%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .even-col,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
    width: 49.6667%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid .even-col,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
    width: 45.6667%;
  }
}
body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid:nth-child(2) .ui-grid-row,
body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid:nth-child(2) .ui-grid-row {
  display: flex;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .mp-main-grid:nth-child(2) .ui-grid-row .ui-panelgrid-cell,
  body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .mp-main-grid:nth-child(2) .ui-grid-row .ui-panelgrid-cell {
    width: auto;
    float: none;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-grid-row .ui-panelgrid-cell.ui-grid-col-10,
body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-grid-row .ui-panelgrid-cell.ui-grid-col-10 {
  width: auto;
}
body.wcprop-2 .wcl-col-9 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-grid-row .ui-panelgrid-cell.ui-grid-col-2,
body.wcprop-2 .wcl-col-6 .MemberProfile-portlet section.portlet .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-grid-row .ui-panelgrid-cell.ui-grid-col-2 {
  width: auto;
  margin-left: auto;
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell,
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  background: transparent;
  padding: 0;
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid .ui-grid-row {
  display: block;
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid .ui-grid-row .ui-grid-col-6.mp-grid-col {
  width: 100%;
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-3 {
  width: 100%;
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .ui-grid-col-7 {
  width: 100%;
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .grid.mp-grid {
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style span {
    position: relative;
    height: auto;
    padding-bottom: unset;
    overflow: visible;
  }
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style span img {
  width: 50%;
  max-width: 50%;
  height: auto;
  border-radius: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .mp-align.mp-image-style span img {
    position: relative;
  }
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
  width: 50.33333%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .col-head {
    width: 54.33333%;
  }
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
  width: 49.6667%;
  text-align: right;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .even-col {
    width: 45.6667%;
  }
}
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid h1,
body.wcprop-2 .wcl-col-3 .MemberProfile-portlet section.portlet .mp-main-grid .mp-email {
  text-align: center;
  display: block;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-grid-row {
  display: flex;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datatable {
  margin-bottom: 1rem;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datatable {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datatable:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data {
  margin-bottom: 0;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datatable {
  margin-bottom: 0;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable-subtable-header {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  margin-bottom: 0.5rem;
  display: block;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable-subtable-header {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.1090413448vw;
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable-subtable-header {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable-subtable-header {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable {
  border: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table {
    table-layout: unset;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr {
  background: var(--wc-body-bg);
  border: none;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td {
  background: transparent;
  padding: 1rem 0.8rem;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 600;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5815538392vw;
    letter-spacing: 0.0363471149vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td:last-child {
  border-right: none;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-toggler {
  width: 40px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-toggler {
    width: 1.8173557474vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-toggler .ui-icon-circle-triangle-e {
  font-family: var(--fontawesome-family);
  color: var(--wc-font-color);
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-toggler .ui-icon-circle-triangle-e::before {
  content: var(--arrow-icon-right);
  font-weight: 600;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-toggler .ui-icon-circle-triangle-s {
  font-family: var(--fontawesome-family);
  color: var(--wc-font-color);
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-toggler .ui-icon-circle-triangle-s::before {
  content: var(--arrow-icon-down);
  font-weight: 600;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-res-title {
  width: 390px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-res-title {
    width: 17.719218537vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-res-title {
    width: 250px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-res-title {
    width: 340px;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr td.mr-res-title > i {
  display: none;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content {
  background: transparent;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td {
  font-weight: normal;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .mr-panelGrid {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .mr-panelGrid {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-header .mr-detail-heading {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  letter-spacing: 0.8px;
  margin-bottom: 0.8rem;
  display: block;
  font-weight: 600;
  color: var(--primary-color);
  font-family: var(--wc-heading-font-family1);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-header .mr-detail-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.8px;
    margin-bottom: 0.5815538392vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-header .mr-detail-heading {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-header .mr-detail-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-header .mr-detail-heading {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-content {
  padding: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-content {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding: 0.5rem 0.8rem;
  font-size: calc(var(--wc-font-size) * 1px);
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  font-weight: normal;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding: 0.3634711495vw 0.5815538392vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
    padding: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell span.text-bold {
    margin-right: auto;
    padding-right: 0.5rem;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive {
  width: auto;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive {
    width: 100%;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-secondry {
  background: transparent;
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-top: 0.75rem;
  font-weight: 500;
  transition: 0.3s all;
  will-change: background, color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-secondry {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-secondry {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-top: 0.5452067242vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-secondry i {
  display: none;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-secondry:hover {
  background: var(--secondary-color);
  color: var(--bg-text-color);
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-danger {
  margin-top: 0.75rem;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datatable .ui-datatable-tablewrapper table tbody tr.ui-expanded-row-content td .ui-grid .btn-responsive .ui-commandlink.ui-area-btn-danger {
    margin-top: 0.5452067242vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .heading {
  width: 100%;
  margin-bottom: 1rem;
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 0.25rem 0 1rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .heading {
    margin-bottom: 0.726942299vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0 0.726942299vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .cross {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .cross {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .ui-fluid {
  width: 100%;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .distant {
  font-size: 24px;
  color: var(--danger);
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .distant {
    font-size: 1.0904134484vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid {
  width: 100%;
  border-top: 1px solid var(--wc-border-color);
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive {
  width: max-content;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info:hover, body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info:focus {
  text-decoration: none;
}
body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info:not([disabled]):not(.disabled):active, body.wcprop-2 .MemberReservations-portlet section.portlet .ui-dialog .ui-dialog-content > .ui-grid .btn-responsive a.ui-area-btn-info:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row {
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row [class*=ui-grid-col] {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-image-style .roster-profile-pic-container {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  height: 0;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-image-style .roster-profile-pic-container .roster-profile-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
  font-size: calc(var(--wc-fs-heading4) * 1px);
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--wc-font-color);
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
    margin-top: 1rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email {
  margin-bottom: 1rem;
  display: block;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email a {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.vmi-odd-col {
  border-right: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.vmi-odd-col.ui-grid-col-4.odd-col.col-head {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.ui-grid-col-8.even-col.vmi-even-col {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-item {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-item {
    margin-bottom: 1rem;
    display: block;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-item .vmi-grid tbody tr td i {
  padding-right: 5px;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .vmi-grid-col .roster-item .vmi-grid tbody tr td i {
    padding-right: 0.2271694684vw;
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .ui-panelgrid-content {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row .vmi-main-grid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item {
  margin-bottom: 0.5rem;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item > .ui-grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  clear: both;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item > .ui-grid {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item .address-type-name h4 {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  padding: 1rem;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  line-height: normal;
  box-sizing: inherit;
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
  margin: 0;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  font-family: var(--wc-font-family);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item .address-type-name h4 {
    padding: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item .vmi-address-grid {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: calc(100% - 1rem);
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-4.odd-col.col-head {
  word-break: break-all;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-4.odd-col.col-head {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-8.even-col {
  word-break: break-all;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-8.even-col {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row ~ .roster-item {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-row ~ .roster-item {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid table.grid.vmi-grid td.ui-grid-col-4 {
    width: auto;
    word-break: break-word;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid table.grid.vmi-grid td.ui-grid-col-8 {
    width: auto;
    word-break: break-all;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row {
  margin-bottom: 0;
  flex-wrap: initial;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .ui-grid > .ui-grid-row {
  flex-wrap: wrap;
  margin: 0;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container {
    margin-left: get4(-8px);
    margin-right: get4(-8px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container > .text-center {
  text-align: left !important;
  padding: 0 0.5rem;
  margin-bottom: 0;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container .roster-dependent-pic {
  max-width: 200px;
  margin-bottom: 0;
  object-fit: cover;
  max-height: 200px;
  width: 200px;
  height: 200px;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container .roster-dependent-pic {
    max-width: 9.0867787369vw;
    max-height: 9.0867787369vw;
    width: 9.0867787369vw;
    height: 9.0867787369vw;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3 {
    width: 100%;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive {
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive:nth-child(1) {
  margin-right: 0;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive a {
    margin-top: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading {
  width: 100%;
  display: flex;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  background: var(--white-color);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-interest-name h4 {
  background: var(--table-thead-color);
  color: var(--table-th-color);
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  padding: 0.5rem;
  margin-bottom: 0;
  font-weight: 600;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-interest-name h4 {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col .ui-datalist-content {
  border: 1px solid var(--wc-border-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dl {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dl {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    padding-bottom: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-even-col {
  margin-left: auto;
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-even-col {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-odd-col {
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-odd-col {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-col-1 {
  font-weight: 600;
  flex: 1 0 auto;
  width: auto;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-col-2 {
  width: auto;
  flex: 0 0 auto;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents {
  margin-top: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .text-center {
  text-align: left !important;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .roster-dependent-pic {
  max-width: 200px;
  margin-bottom: 0;
  object-fit: cover;
  max-height: 200px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .roster-dependent-pic {
    margin-bottom: 0;
    max-width: 9.0867787369vw;
    max-height: 9.0867787369vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-main-grid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-main-grid {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid .roster-main-grid .ui-grid-responsive .ui-grid-row {
    display: flex;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-1,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-2,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-3,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-4,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-5,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-6,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-7,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-8,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-9,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-10,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-11,
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-grid-responsive .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-alphabets-container {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet {
  font-family: var(--wc-font-family);
  border: none;
  background-color: var(--wc-body-bg);
  color: var(--wc-font-color);
  width: 3.2vw;
  height: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--wc-font-size) * 1px);
  margin: 10px 10px 0px 0px;
  font-weight: 600;
  transition: 0.4s all;
  will-change: background, color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet {
    width: 2.6vw;
    height: 2.6vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0.4543389368vw 0 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet {
    width: 50px;
    height: 50px;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet:hover, body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet.active {
  background-color: var(--primary-color);
  color: var(--white-color);
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item label {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item label {
    font-size: calc(var(--wc-mobile-font-size) - 2px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item .ui-autocomplete {
  width: 100%;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item .ui-autocomplete input {
  width: 100%;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item .ui-selectonemenu,
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-item .ui-inputfield {
  width: 100%;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content {
  border: unset;
  padding: 0;
  line-height: normal;
  margin-top: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content {
    margin-top: 0.4543389368vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box {
  border: 1px solid var(--wc-border-color);
  font-size: calc(var(--wc-font-size) * 1px);
  border-radius: var(--borderRadius) !important;
  font-family: var(--wc-font-family);
  min-height: 330px;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    min-height: 14.9931849159vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box {
    min-height: auto;
    padding: 1rem 0.5rem;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr {
  background: transparent;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td {
  font-family: var(--wc-heading-font-family1);
  border: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td {
    word-break: break-all;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td {
    padding: 0.25rem;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .member-img img {
  border-radius: 100%;
  background-image: url(../images/club-images/ajax-loader-small.gif);
  background-repeat: no-repeat;
  object-fit: cover;
  padding: 0px;
  min-width: 110px;
  max-width: 110px;
  max-height: 110px;
  min-height: 110px;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .member-img img {
    width: 4.9977283053vw;
    min-width: 4.9977283053vw;
    max-width: 4.9977283053vw;
    max-height: 4.9977283053vw;
    min-height: 4.9977283053vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  color: var(--heading-color2);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name {
    font-size: calc((var(--wc-fs-heading6) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span.roster-member-name {
  font-weight: 600;
  flex: 0 0 auto;
  max-width: 100%;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span ~ .roster-nick-name {
  padding-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span ~ .roster-nick-name {
    padding-left: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span.roster-nick-name {
  flex: 0 0 auto;
  max-width: 100%;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span.roster-since-date {
  width: 100%;
  margin-top: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span.roster-since-date {
    margin-top: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span.roster-since-date {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span.roster-since-date {
    width: 100%;
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-name span.roster-since-date br {
  display: none;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-member-email {
  font-family: var(--wc-font-family);
  display: block;
  line-break: anywhere;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-member-email {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn.roster-normal-link, body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-normal-link.events-cal-link {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-top: 0.5rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn.roster-normal-link, body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-normal-link.events-cal-link {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-top: 0.3634711495vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn.roster-normal-link i, body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box .roster-resp-view-member-box tbody tr td .roster-normal-link.events-cal-link i {
  display: none;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .roster-resp-view-member-box-container.view-member-box:hover {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .ui-g .ui-md-3 {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .ui-g .ui-md-3 {
    width: 100%;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .ui-g:last-child > [class*=ui-g-] {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-data-highlight .ui-datagrid .ui-datagrid-content .ui-g:last-child > [class*=ui-g-] {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid {
  width: 100%;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid:first-child {
  margin-bottom: 1rem;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .label-info {
  display: flex;
  height: 100%;
  align-items: center;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--heading-color6);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--wc-border-color);
  width: calc(100% - 1rem);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .label-info {
    margin-left: 0.3634711495vw;
    margin-right: 0.3634711495vw;
    padding-bottom: 0.3634711495vw;
    width: calc(100% - 0.726942299vw);
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .roster-search-item[class*=ui-grid-col] {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .roster-search-item[class*=ui-grid-col] {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid {
  border: none;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  padding: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header {
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header .roster-int-heading {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
  padding: 0;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header .roster-int-heading {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header .rc-icon {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header .rc-icon {
    right: 0.5815538392vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header .rc-icon i {
  font-size: calc((var(--wc-font-size) - 4) * 1px) !important;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-header .rc-icon i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw) !important;
    margin-right: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  display: flex;
  align-items: center;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container label {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container label {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content {
  background: var(--white-color);
  border: 1px solid var(--wc-border-color);
  color: var(--wc-font-color);
  border-radius: var(--borderRadius);
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content {
    padding: 0.5rem;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g {
    margin-left: 0.3634711495vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g[class*=ui-g-] {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g[class*=ui-g-] {
    padding: 0 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g:last-child .ui-datagrid-column .ui-datagrid {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g:last-child .ui-datagrid-column .ui-datagrid {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content {
  border-top: none;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g:last-of-type [class*=ui-g-] {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g:last-of-type [class*=ui-g-] {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] {
  margin-bottom: 1rem;
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .text-bold {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-bottom: 0.5rem;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .text-bold {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .text-bold {
    font-size: calc(var(--wc-mobile-font-size) - 2px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .text-bold {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-fluid .ui-datagrid .ui-datagrid-content .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .text-bold ~ br {
  display: none;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-type-btn-container {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-type-btn-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-type-btn-container a {
  width: max-content;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-type-btn-container a {
    margin-top: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-search-type-btn-container a i {
  display: none;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .btn-responsive {
  width: auto;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .btn-responsive {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .btn-responsive:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .btn-responsive a i {
  display: none;
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-request-message-container textarea {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-request-message-container textarea {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-receiver-img-and-name-container {
    text-align: center;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-receiver-img-and-name-container .member-img.roster-buddy-receiver-img {
  width: 180px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-receiver-img-and-name-container .member-img.roster-buddy-receiver-img {
    width: 8.1781008632vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-receiver-img-and-name-container .roster-buddy-receiver-name {
  margin: 0.5rem 0;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-receiver-img-and-name-container .roster-buddy-receiver-name {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.3634711495vw 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-receiver-img-and-name-container .roster-buddy-receiver-name {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-receiver-img-and-name-container .roster-buddy-receiver-name {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .add-buddy-dialog .ui-dialog-content.ui-widget-content .roster-buddy-btns-container {
  display: flex;
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet form .roster-main-grid .ui-grid-responsive .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet form .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  display: flex;
  align-items: center;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row > h3 {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row > h3 {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row > .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row > .ui-grid-row > h3 {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row > .ui-grid-row > h3 {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row > span[id="_memberRoster_WAR_northstarportlet_:rosterPrefFm:prefTabs:excludeInterestsViewPg"] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row:last-child {
  margin-bottom: 0;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row[id="_memberRoster_WAR_northstarportlet_:rosterPrefFm:prefTabs:confBuddyEmailSettings"] [class^=ui-grid-col] {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row[id="_memberRoster_WAR_northstarportlet_:rosterPrefFm:prefTabs:confBuddyEmailSettings"] [class^=ui-grid-col] {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row[id="_memberRoster_WAR_northstarportlet_:rosterPrefFm:prefTabs:confBuddyEmailSettings"] [class^=ui-grid-col]:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row[id="_memberRoster_WAR_northstarportlet_:rosterPrefFm:prefTabs:confBuddyEmailSettings"] [class^=ui-grid-col]:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid > .ui-grid-row .ui-grid-col-8 > .pref-heading {
  display: block;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel [class*=ui-grid-col] {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel [class*=ui-grid-col] {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel [class*=ui-grid-col] > .pref-name-format {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel [class*=ui-grid-col] > .pref-name-format {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel [class*=ui-grid-col] > .ui-selectonemenu ~ .roster-pref-heading {
  margin-top: 0.5rem;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .roster-pref-col label {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .roster-pref-col label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-selectonemenu {
  min-width: initial !important;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-selectonemenu ~ .pref-heading {
  margin-top: 0.5rem;
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-outputlabel {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-outputlabel {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel {
  padding: 0 0.5rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panel .ui-panel-titlebar {
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 .MemberRoster-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .roster-pref-address-types {
  display: block;
  margin-bottom: 0.5rem;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-grid-row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet h1 ~ .text-right {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet h1 ~ .text-right {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  background: var(--wc-body-bg);
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date,
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date {
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date,
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date {
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date,
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date {
    max-width: 38%;
    flex: 0 0 38%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date,
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date span,
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date span {
    display: flex;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date span input,
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date span input {
    padding-right: 0;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date label,
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date label {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .from-date label,
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .to-date label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .trans-btn-search {
  align-self: flex-end;
  height: calc(var(--field-height) * 1px);
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .trans-btn-search {
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable {
  border: none;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table {
    width: auto;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table {
    width: 100%;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table tr {
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-bottom: none;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table tr td .ui-column-title {
    margin-right: auto;
    text-align: left;
    min-width: auto;
    padding: 0 0.5rem;
    display: unset;
    flex: 0 0 60%;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table tr td .ui-column-title:empty {
    padding: 0;
    min-width: 0;
    margin: 0;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table tr td a .reference-id {
  text-decoration: underline;
}
@media (max-width: 640px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-fluid .ui-datatable table tr td:last-child {
    border-bottom: 1px solid var(--wc-border-color);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .trans-info-bar {
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .trans-info-bar {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .trans-info-bar .info-bar-left {
  margin-right: auto;
  font-weight: 600;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content {
  padding: 0;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel {
  border: none;
  padding: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid-content {
    padding: 0.5rem;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid-content .ui-g > [class*=ui-g] {
  padding: 0;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid {
  padding: 0 0.75rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid {
    padding: 0 0.5452067242vw 0.5452067242vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table {
  margin: 0.75rem;
  border: none;
  width: calc(100% - 1.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table {
    margin: 0.5452067242vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table td.amount-position {
  font-weight: normal;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table td .menu-item-name {
  font-weight: 600;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel label {
  margin: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel label {
    margin: 0 0.5452067242vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button > div {
  width: auto;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  margin: 0 0 0.75rem;
  display: inline-flex;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover, body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:focus {
  text-decoration: none;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled):active, body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    margin: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn, body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link {
  display: flex;
  align-items: center;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin {
  width: auto;
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
  display: flex;
  align-items: center;
  margin: 0 0 0.75rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
    margin: 0 0 0.5452067242vw 0.3634711495vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
  display: block;
  padding: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
    padding: 0 0.5452067242vw;
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
  right: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MemberTransactions-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
    right: 1.4538845979vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .ui-grid-row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .row > [class*=col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .row > [class*=col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet h2.portlet-title-text {
  display: block !important;
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading1) * 1px);
  color: var(--heading-color1);
  line-height: var(--wc-headingLineHeight);
  margin-bottom: var(--wc-h-margin);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet h2.portlet-title-text {
    font-size: calc(var(--wc-fs-heading1) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet h2.portlet-title-text {
    font-size: calc((var(--wc-fs-heading1) - 8) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet h2.portlet-title-text {
    font-size: calc((var(--wc-fs-heading1) - 12) * 1px);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .sticker {
  border: 1px solid var(--wc-border-color);
  border-radius: 100%;
  box-shadow: none;
  background-color: var(--white-color);
  width: 2rem;
  height: 2rem;
  line-height: normal;
  font-size: 1rem;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .sticker {
    margin-right: 0;
    width: 1.4538845979vw;
    height: 1.4538845979vw;
    font-size: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .sticker {
    width: 2.5rem;
    height: 2.3rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .sticker {
    width: 3rem;
    height: 3rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .sticker .inline-item svg.lexicon-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .sticker.sticker-secondary {
  background-color: var(--wc-body-bg);
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-message-boards section.portlet h5.text-default {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet h5.text-default {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet h5.text-default {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet h5.text-default {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .h6.text-default {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .h6.text-default {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .h6.text-default {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .h6.text-default {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-col.autofit-col-expand {
  flex: 0 0 70%;
  width: 70%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-col.autofit-col-expand {
    flex: 0 0 100%;
    width: 100%;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-col.autofit-col-end {
  flex: 0 0 30%;
  width: 30%;
  align-items: end;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-col.autofit-col-end {
    flex: 0 0 100%;
    width: 100%;
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-col.autofit-col-end .autofit-section {
    width: 100%;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search {
    flex-wrap: unset;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-input {
    width: 85%;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-input .basic-search-slider {
  left: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-input .basic-search-slider {
    left: 0px;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-input .basic-search-slider input {
  border-radius: var(--borderRadius) 0 0 var(--borderRadius) !important;
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-input .basic-search-slider input:focus {
  box-shadow: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-input .basic-search-slider .basic-search-close {
    display: none;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn {
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn {
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn {
    width: 15%;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn .btn.btn-default {
  background-color: var(--wc-body-bg);
  margin: 0;
  border: 1px solid var(--wc-border-color);
  border-left: 0;
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn .btn.btn-default {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn .btn.btn-default {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn .btn.btn-default .lexicon-icon.lexicon-icon-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .portlet-header .autofit-section form .basic-search .input-group-btn .btn.btn-default .lexicon-icon.lexicon-icon-search {
    width: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border-radius: var(--borderRadius);
  border-color: transparent;
  border-style: solid;
  margin: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light {
    margin: 0.726942299vw 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-toggler {
  box-shadow: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-toggler {
    color: var(--accordion-headtext-color);
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-toggler:after {
    content: "";
    display: block;
    width: auto;
    height: 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.5rem;
    background-color: var(--primary-color);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse {
    background-color: var(--wc-body-bg);
    border: 1px solid var(--wc-border-color);
    border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav {
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav {
    flex-direction: column;
    padding-bottom: 0.5rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item {
  margin: 0;
  padding: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item {
    margin: 0;
    padding: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.nav-link {
  color: var(--accordion-headtext-color);
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.nav-link {
    margin-bottom: 0.3634711495vw;
    padding: 0.3634711495vw 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.nav-link {
    color: var(--wc-font-color);
    padding: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.active {
  color: var(--accordion-headtext-color);
  font-weight: bold;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.active {
    color: var(--primary-color);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.active::after {
  content: "";
  display: block;
  bottom: -0.5rem;
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  width: auto;
  background-color: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.active::after {
    bottom: -0.3634711495vw;
    height: 0.0908677874vw;
    color: var(--primary-color);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a.active::after {
    bottom: -5px;
    height: 1px;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a:hover, body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a:focus {
  box-shadow: none;
  color: var(--accordion-headtext-color);
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a:hover, body.wcprop-2 .portlet-message-boards section.portlet .navigation-bar.navigation-bar-light .container-fluid.container-fluid-max-xl .navbar-collapse ul.navbar-nav .nav-item a:focus {
    color: var(--primary-color);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body {
  margin-top: 0rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 0.125rem;
  margin-bottom: 0.5rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb {
    padding: 0.5452067242vw 0.0908677874vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb li {
  float: inherit;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb li.breadcrumb-item {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-right: 0.5em;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb li.breadcrumb-item {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb li.breadcrumb-item {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb li.breadcrumb-item {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb li.breadcrumb-item .breadcrumb-text-truncate {
  display: flex;
  align-items: center;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body nav ol.breadcrumb li.breadcrumb-item .active {
  color: var(--primary-color);
  font-weight: 600;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .autofit-col-end .btn-group {
  flex-flow: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .autofit-col-end .btn-group .btn-group-item {
  align-items: center;
  display: flex;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .autofit-col-end .btn-group .btn-group-item {
    margin-right: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .autofit-col-end .btn-group .btn-group-item .btn {
  margin-top: 0px;
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .autofit-col-end .btn-group .btn-group-item .btn {
    margin-top: 0px;
    margin-left: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content {
  border-radius: var(--borderRadius);
  margin: 1rem 0;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4.panel-title {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--accordion-headtext-color);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4.panel-title {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4.panel-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4.panel-title {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4.panel-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4 .collapse-icon.collapse-icon-middle {
  padding: 0.75rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4 .collapse-icon.collapse-icon-middle {
    padding: 0.5452067242vw 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4 .collapse-icon.collapse-icon-middle .lexicon-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  fill: currentColor;
  width: 0.75em;
  height: 1em;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4 .collapse-icon.collapse-icon-middle .lexicon-icon {
    width: 0.5452067242vw;
    height: 0.726942299vw;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-heading .h4 .collapse-icon.collapse-icon-middle .lexicon-icon path.lexicon-icon-outline {
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body {
    padding: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body {
    padding: 0.75rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body dl {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body dl {
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .select-existing-selector {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .select-existing-selector {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group {
    margin: 0;
    padding: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group li {
  list-style: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group li.list-group-item-flex.list-group-item .list-group-title {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group li.list-group-item-flex.list-group-item .list-group-title {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group li.list-group-item-flex.list-group-item .list-group-title {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group li.list-group-item-flex.list-group-item .list-group-title {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group li.list-group-item-flex.list-group-item p.list-group-subtitle {
  color: var(--wc-font-color);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .panel-group.statistics-panel .panel-default.statistics-panel-content .panel-collapse .panel-body .main-content-body .list-group li.list-group-item-flex.list-group-item p.list-group-subtitle {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container {
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .message-scroll {
  margin: 0.5rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .message-scroll {
    margin: 0.3634711495vw 0 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel {
  background-color: #fff;
  margin-bottom: 1rem;
  box-shadow: none;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-field {
  display: table-cell;
  vertical-align: top;
  width: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-field {
    width: 1.4538845979vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters {
    padding: 0 get4(8px);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters h4 {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters h4 {
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters h4 a {
  color: var(--heading-color4);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .h5.text-default {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .h5.text-default {
    margin-right: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .h5.text-default:last-child {
  border: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .h5.text-default a.lfr-icon-item.taglib-icon .lexicon-icon {
  display: inline-flex;
  align-items: center;
  fill: currentColor;
  width: 1em;
  height: 1em;
  margin-top: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .h5.text-default a.lfr-icon-item.taglib-icon .lexicon-icon {
    width: 0.726942299vw;
    height: 0.726942299vw;
    margin-top: 0px;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .h5.text-default a .taglib-text {
  color: var(--primary-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-ratings .thumbrating .thumbrating-content {
  display: flex;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-ratings .thumbrating .thumbrating-content .rating-element {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  border-right: 1px solid var(--wc-border-color);
  border-radius: 0;
  color: #aeaeae;
  padding: 0 0.8rem 0 0;
  margin-right: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0 0.5452067242vw 0 0;
    margin-right: 0.5452067242vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-ratings .thumbrating .thumbrating-content .rating-element {
    font-size: var(--wc-mobile-font-size);
    padding: 0 0.3rem 0 0;
    margin-right: 0.3rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-ratings .thumbrating .thumbrating-content .rating-element.rating-off {
  opacity: 0.5;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-ratings .thumbrating .thumbrating-content a {
  background: transparent;
  color: var(--wc-font-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-ratings .thumbrating .thumbrating-content a:hover {
  background-color: transparent;
  color: var(--primary-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-flags {
  border-right: 1px solid var(--wc-border-color);
  opacity: 0.5;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-flags:hover {
  opacity: 1;
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-flags:hover .btn-outline-secondary.btn:hover {
  color: var(--primary-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-flags .btn-outline-secondary.btn {
  height: auto;
  color: #aeaeae;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-flags .btn-outline-secondary.btn {
    padding: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-flags .btn-outline-secondary.btn svg.lexicon-icon.lexicon-icon-flag-empty {
  display: flex;
  justify-content: center;
  align-items: initial;
  margin-right: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-heading .card-row.card-row-padded .card-col-content.card-col-gutters .social-interaction .taglib-flags .btn-outline-secondary.btn svg.lexicon-icon.lexicon-icon-flag-empty {
    margin-right: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .divider {
  border-bottom: 1px solid var(--wc-border-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content blockquote .quote {
  padding: 0 0 0 0.5rem;
  border: none;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content blockquote .quote {
    padding: 0 0 0 0.3634711495vw;
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content .form fieldset .advanced-reply {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card.panel .panel-body .message-content .form fieldset .advanced-reply {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card-tab.message-container:nth-child(n+2) {
  border-left: 4px solid var(--primary-color);
  padding-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .main-content-body .thread-container .card-tab-group.message-container .card-tab.message-container:nth-child(n+2) {
    padding-left: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper {
    margin-top: 0.5rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group-header {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  padding: 0.75rem 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group-header {
    margin-bottom: -0.0454338937vw;
    padding: 0.3634711495vw 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group-header .list-group-header-title {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--accordion-headtext-color);
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  text-transform: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group-header .list-group-header-title {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group-header .list-group-header-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group-header .list-group-header-title {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group-header .list-group-header-title {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content a {
  color: var(--wc-font-color);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content a {
    text-align: right;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table th {
  box-shadow: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table td {
  box-shadow: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table td {
    vertical-align: top;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table ul.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table ul.breadcrumb {
    padding: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table ul.breadcrumb li {
  float: inherit;
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table ul.breadcrumb li.active {
  color: var(--primary-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info {
  display: flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info {
    flex-direction: column;
    width: 10rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .sticker .sticker-overlay {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  border-radius: 100%;
  overflow: hidden;
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details {
  display: inline-block;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details {
    padding-left: 0;
    margin-left: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details {
    padding-left: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .row {
    margin-left: 0.05rem;
    margin-right: 0.05rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .user-name {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .user-name {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .user-name {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .user-name {
    padding: 0;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .user-name {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .date-info {
  color: #aeaeae;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .date-info {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .date-info {
    padding: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content table .user-info-with-details .user-info .user-details .date-info {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item {
    font-size: var(--wc-mobile-font-size);
    padding: 0.5rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col {
  padding-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col {
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col {
    padding-right: 1rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col:first-child {
  padding-right: 1rem;
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col:last-child {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col:last-child {
    padding-right: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col:last-child {
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col:last-child {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col:last-child {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col.autofit-col-expand {
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col.autofit-col-expand .mt-2 {
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col.autofit-col-expand .mt-2 {
    margin-bottom: 0.2726033621vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col .lfr-icon-menu .icon-monospaced {
  text-align: right;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col .lfr-icon-menu .icon-monospaced {
    width: 20px;
    text-align: center;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h2 {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--heading-color6);
  font-weight: bold;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h2 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h2 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h2 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h2 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h4 {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--heading-color6);
  font-weight: bold;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h4 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h4 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h4 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col h4 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col .mt-2 {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .lfr-search-container-wrapper .searchcontainer .searchcontainer-content .list-group.list-group-notification .list-group-item-flex.list-group-item .autofit-col .mt-2 {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 {
  padding: 0px;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 {
    padding: 0px;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card {
  margin-bottom: 1.5rem;
  position: relative;
  box-shadow: none;
  border: 1px solid #bbb;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .form-control:focus {
  box-shadow: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .form-control:select:focus {
  box-shadow: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .text-muted {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .text-muted {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .form-group {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .form-group {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .form-group:focus {
  box-shadow: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .form-group .form-validator-stack .required {
  color: var(--btn-danger);
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .form-group label {
  display: flex;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .form-group label input {
  margin-right: 0.5rem;
  height: auto;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .form-group label .taglib-icon-help {
  margin-left: 0.5rem;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .lfr-ddm-field-group {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .lfr-ddm-field-group {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .lfr-ddm-field-group .control-label {
  margin-bottom: 0.5rem;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset .panel-body .lfr-ddm-field-group .control-label {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-heading {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-heading .panel-title {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  color: var(--accordion-headtext-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-heading .panel-title {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-heading .panel-title {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body h4 {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body h4 {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body h4 {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body h4 {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .form-group.form-inline.input-checkbox-wrapper label {
  display: flex;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .form-group.form-inline.input-checkbox-wrapper label input {
  margin-right: 0.5rem;
  height: auto;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body p select.form-control {
  font-size: calc(var(--wc-font-size) * 1px);
  background-color: var(--wc-body-bg);
  height: calc(var(--field-height) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body p select.form-control {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body p select.form-control {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body p select.form-control {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body p select.form-control:focus {
  box-shadow: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .float-container .field input {
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .float-container .field input {
    height: auto;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list ul li label input.select-file {
  height: auto;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  position: absolute;
  z-index: 1;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal {
  border: 1px solid var(--wc-border-color);
  box-shadow: none;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row {
  padding-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row {
    padding-left: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row.card-row-padded {
  padding: 1rem 1rem 1rem 2.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row.card-row-padded {
    padding: 0.726942299vw 0.726942299vw 0.726942299vw 1.8173557474vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row.card-row-padded {
    padding: 0.5rem 0.5rem 0.5rem 2rem;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row .delete-button-col {
  padding-right: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row .delete-button-col {
    padding-right: 0.4543389368vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row .delete-button-col .lexicon-icon {
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-dynamic-uploader .lfr-upload-container .upload-list .card-horizontal .card-row .delete-button-col .lexicon-icon {
    width: 0.5452067242vw;
    height: 0.5452067242vw;
    margin-top: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control {
  padding: 0.5rem 0;
  height: auto;
  display: flex;
  box-shadow: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control:focus {
  box-shadow: none;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control input {
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control input {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control .label-dismissible {
  padding: 0.5rem 0.75rem;
  margin: 0;
  box-shadow: none;
  border-right: 1px solid var(--wc-border-color);
  -webkit-text-transform: capitalize;
  -moz-text-transform: capitalize;
  -ms-text-transform: capitalize;
  text-transform: capitalize;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control .label-dismissible {
    padding: 0.3634711495vw 12px;
    margin: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control .label-item-after {
  margin-left: 1rem;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control .label-item-after {
    margin-left: 0.726942299vw;
    margin-right: 0;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control .autofit-row .form-control-inset {
  margin: 0.5rem 0.5rem;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control .autofit-row .form-control-inset {
    margin: 0.3634711495vw 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .panel-body .lfr-tags-selector-content .form-group .input-group .input-group-item .dropdown .form-control span {
  display: inline-flex;
  margin-bottom: 0;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target {
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target .drag-drop-area h4.drop-file-text {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target .drag-drop-area h4.drop-file-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target .drag-drop-area h4.drop-file-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target .drag-drop-area h4.drop-file-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target .drag-drop-area .or-text {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target .drag-drop-area .or-text {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .card-horizontal.main-content-card .panel-group fieldset.panel.panel-default .panel-collapse .upload-target .drag-drop-area .or-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .button-holder {
  display: flex;
}
body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .button-holder .btn {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-message-boards section.portlet .container-fluid-1280 form .input-container .button-holder .btn {
    margin-right: 8px;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panel .ui-panel-content,
body.wcprop-2 .MySettings-portlet section.portlet .ui-panel .ui-datalist-content,
body.wcprop-2 .MySettings-portlet section.portlet .ui-panel .ui-panelgrid-cell,
body.wcprop-2 .MySettings-portlet section.portlet .ui-datalist .ui-panel-content,
body.wcprop-2 .MySettings-portlet section.portlet .ui-datalist .ui-datalist-content,
body.wcprop-2 .MySettings-portlet section.portlet .ui-datalist .ui-panelgrid-cell,
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
  border: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-header {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  text-align: left;
  padding: 1rem 0.75rem;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-header {
    padding: 0.726942299vw 0.5452067242vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-header {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: 1px solid var(--wc-border-color);
  border-top: none;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-2 {
  width: auto;
  margin-left: auto;
  align-self: center;
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.ui-area-btn-success {
  margin: 0;
}
@media (max-width: 640px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-2 .ui-commandlink.ui-area-btn-success {
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-commandlink .ms-add-update-button {
  margin: 0;
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid:nth-of-type(3) .ui-panelgrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid:nth-of-type(3) .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid {
  border-radius: var(--borderRadius);
  padding: 0;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid {
    padding: 0;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid .ui-panelgrid-content {
  border-top: none;
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid ~ .ui-panelgrid {
  border-radius: var(--borderRadius);
  padding: 0;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid ~ .ui-panelgrid {
    padding: 0;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid ~ .ui-panelgrid:last-of-type {
  border: none;
  padding: 0;
  margin: 0;
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid ~ .ui-panelgrid:last-of-type .ui-panelgrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid ~ .ui-panelgrid:last-of-type .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-panelgrid.ms-grid ~ .ui-panelgrid .ui-panelgrid-content {
  border-top: none;
}
body.wcprop-2 .MySettings-portlet section.portlet .ui-datagrid.ui-widget {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section.portlet .ui-datagrid.ui-widget {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row {
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell[class*=ui-grid-col]:first-child {
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell[class*=ui-grid-col]:first-child {
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell .ui-tree {
  border: none;
}
body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell .ui-tree .ui-tree-container .ui-tree-selectable .ui-chkbox.ui-selection .ui-chkbox-box {
  background-color: var(--white-color);
}
body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell .ui-tree .ui-tree-container .ui-tree-selectable .ui-chkbox.ui-selection .ui-chkbox-box .ui-icon-minus {
  margin-top: -8px;
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  text-indent: 0;
  text-align: center;
  background: 0;
  display: inline-block;
  font-size: 1.25em;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell .ui-tree .ui-tree-container .ui-tree-selectable .ui-chkbox.ui-selection .ui-chkbox-box .ui-icon-minus {
    margin-top: -0.3634711495vw;
    font-size: 0.9086778737vw;
  }
}
body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell .ui-tree .ui-tree-container .ui-tree-selectable .ui-chkbox.ui-selection .ui-chkbox-box .ui-icon-minus.ui-chkbox-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .MySettings-portlet section .portlet-content-editable .ui-grid-row .ui-panelgrid-cell .ui-tree .ui-tree-container .ui-tree-selectable .ui-chkbox.ui-selection .ui-chkbox-box .ui-icon-minus.ui-chkbox-icon {
    margin-left: -0.3634711495vw;
    margin-top: -0.3634711495vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row {
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row [class*=ui-grid-col] {
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-image-style .roster-profile-pic-container {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  height: 0;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-image-style .roster-profile-pic-container .roster-profile-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
  font-size: calc(var(--wc-fs-heading4) * 1px);
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--wc-font-color);
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
    margin-top: 1rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-name h1 {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email {
  margin-bottom: 1rem;
  display: block;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email a {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-profile-email a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.vmi-odd-col {
  border-right: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.vmi-odd-col.ui-grid-col-4.odd-col.col-head {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col table.vmi-grid tbody tr td.ui-grid-col-8.even-col.vmi-even-col {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item {
    margin-bottom: 1rem;
    display: block;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item .vmi-grid tbody tr td i {
  padding-right: 5px;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .vmi-grid-col .roster-item .vmi-grid tbody tr td i {
    padding-right: 0.2271694684vw;
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .ui-panelgrid-content {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .vmi-main-grid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item {
  margin-bottom: 0.5rem;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item > .ui-grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  clear: both;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item > .ui-grid {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item .address-type-name h4 {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  padding: 1rem;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
  line-height: normal;
  box-sizing: inherit;
  font-size: calc(var(--wc-font-size) * 1px);
  height: auto;
  margin: 0;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  font-family: var(--wc-font-family);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item .address-type-name h4 {
    padding: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: calc(100% - 1rem);
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-4.odd-col.col-head {
  word-break: break-all;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-4.odd-col.col-head {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-8.even-col {
  word-break: break-all;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row.roster-member-addresses .roster-item .vmi-address-grid tbody tr td.ui-grid-col-8.even-col {
    width: 50%;
    word-break: break-all;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row ~ .roster-item {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .roster-row ~ .roster-item {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid table.grid.vmi-grid td.ui-grid-col-4 {
    width: auto;
    word-break: break-word;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid table.grid.vmi-grid td.ui-grid-col-8 {
    width: auto;
    word-break: break-all;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row {
  margin-bottom: 0;
  flex-wrap: initial;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .roster-row h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .ui-grid > .ui-grid-row {
  flex-wrap: wrap;
  margin: 0;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container {
    margin-left: get4(-8px);
    margin-right: get4(-8px);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container > .text-center {
  text-align: left !important;
  padding: 0 0.5rem;
  margin-bottom: 0;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container .roster-dependent-pic {
  max-width: 200px;
  margin-bottom: 0;
  object-fit: cover;
  max-height: 200px;
  width: 200px;
  height: 200px;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid > .roster-item > .ui-grid .roster-profile-pic-container .roster-dependent-pic {
    max-width: 9.0867787369vw;
    max-height: 9.0867787369vw;
    width: 9.0867787369vw;
    height: 9.0867787369vw;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3 {
    width: 100%;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive {
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive {
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive:nth-child(1) {
  margin-right: 0;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col].btn-responsive a {
    margin-top: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading {
  width: 100%;
  display: flex;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  background: var(--white-color);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-interest-name h4 {
  background: var(--table-thead-color);
  color: var(--table-th-color);
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  padding: 0.5rem;
  margin-bottom: 0;
  font-weight: 600;
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-interest-name h4 {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col .ui-datalist-content {
  border: 1px solid var(--wc-border-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dl {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dl {
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    padding-bottom: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-even-col {
  margin-left: auto;
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-even-col {
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-odd-col {
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-odd-col {
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-col-1 {
  font-weight: 600;
  flex: 1 0 auto;
  width: auto;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-int-heading ~ .ui-datagrid .ui-datagrid-content .ui-g [class*=ui-g-] .vmi-grid-col dt .roster-col-2 {
  width: auto;
  flex: 0 0 auto;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents {
  margin-top: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents h2 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents h2 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .text-center {
  text-align: left !important;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .roster-dependent-pic {
  max-width: 200px;
  margin-bottom: 0;
  object-fit: cover;
  max-height: 200px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-member-dependents .roster-item-dependent .roster-profile-pic-container .roster-dependent-pic {
    margin-bottom: 0;
    max-width: 9.0867787369vw;
    max-height: 9.0867787369vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-main-grid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-main-grid {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid .roster-main-grid .ui-grid-responsive .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid .ui-datagrid-content,
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid .ui-panelgrid-content,
body.wcprop-2 .NewMembers-portlet section.portlet .ui-panelgrid .ui-datagrid-content,
body.wcprop-2 .NewMembers-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: transparent;
  padding: 0;
  line-height: normal;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-g [class*=ui-g-] {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-g [class*=ui-g-] {
    padding: 0 0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-g:last-child .ui-datagrid-column {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-g:last-child .ui-datagrid-column {
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column {
  display: flex;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box {
  width: 100%;
  border: 1px solid var(--wc-border-color);
  padding-bottom: 1rem;
  border-radius: var(--borderRadius);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr {
  background: transparent;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td {
  padding: 0;
  border: transparent;
  background: transparent;
  text-align: center;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td a {
  font-family: var(--wc-heading-font-family1);
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  color: var(--primary-color);
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td a {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td a i {
  margin-left: 5px;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td a i {
    margin-right: 0;
    margin-left: 0.2271694684vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td a[onclick*=memberDetail] {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td a[onclick*=memberDetail] {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td .member-img {
  display: block;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td .member-img {
    margin-bottom: 0;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td .member-img img {
  margin-bottom: 1rem;
  width: auto;
  max-height: 300px;
  min-height: 300px;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td .member-img img {
    margin-bottom: 0.726942299vw;
    max-height: 13.6301681054vw;
    min-height: 13.6301681054vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column table.box.nm-box tbody tr td .member-img img {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-3 {
    width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-3 {
    width: 100%;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-3 table.nm-box tbody tr td .member-img img {
  width: 100%;
  max-height: 300px;
  min-height: 300px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-3 table.nm-box tbody tr td .member-img img {
    max-height: 13.6301681054vw;
    min-height: 13.6301681054vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-3 table.nm-box tbody tr td .member-img img {
    max-height: 230px;
    min-height: 230px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-3 table.nm-box tbody tr td .member-img img {
    max-height: 300px;
    min-height: 300px;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-4 table.nm-box tbody tr td .member-img img {
  width: 100%;
  max-height: 400px;
  min-height: 400px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-4 table.nm-box tbody tr td .member-img img {
    max-height: 18.1735574739vw;
    min-height: 18.1735574739vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-6 table.nm-box tbody tr td .member-img img {
  width: 100%;
  max-height: 550px;
  min-height: 550px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-datagrid-column.ui-md-6 table.nm-box tbody tr td .member-img img {
    max-height: 24.9886415266vw;
    min-height: 24.9886415266vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row {
  width: 100%;
  display: block;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .roster-profile-pic-container img.roster-profile-pic {
  width: 15%;
  height: 15%;
  border-radius: 50%;
  object-fit: cover;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .roster-profile-name h1 {
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading3) * 1px);
  color: var(--heading-color3);
  text-align: center;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .roster-profile-email a {
  display: block;
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color1);
  text-align: center;
  text-decoration: none;
}
body.wcprop-2 .NewMembers-portlet section.portlet .roster-row .roster-item i {
  display: none;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog {
  background: var(--white-color);
  width: 60% !important;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border: none;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.75rem;
  top: 15px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    right: 0.5452067242vw;
    top: 0.6815084053vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-content {
  border: none;
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel {
  padding: 0;
  border: none;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .nm-main-grid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .nm-main-grid .ui-panelgrid-content .ui-panelgrid-cell .picture-image {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .nm-main-grid .ui-panelgrid-content .ui-panelgrid-cell .picture-image {
    max-height: 15.9018627896vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-grid-responsive .ui-grid-row .btn-responsive {
  width: auto;
}
body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .NewMembers-portlet section.portlet .portlet-content-editable h2 {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .NewMembers-portlet section.portlet .portlet-content-editable h2 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 #portlet_new-password,
body.wcprop-2 #portlet_password-reminder {
  margin-top: 3rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password,
  body.wcprop-2 #portlet_password-reminder {
    margin-top: 2.1808268969vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 #portlet_new-password,
  body.wcprop-2 #portlet_password-reminder {
    margin-top: 2rem;
  }
}
body.wcprop-2 #portlet_new-password.portlet .sheet,
body.wcprop-2 #portlet_password-reminder.portlet .sheet {
  padding: 0;
  border: none;
  max-width: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet .sheet,
  body.wcprop-2 #portlet_password-reminder.portlet .sheet {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 #portlet_new-password.portlet .sheet,
  body.wcprop-2 #portlet_password-reminder.portlet .sheet {
    padding: 0 var(--container-padding);
    max-width: 100%;
  }
}
body.wcprop-2 #portlet_new-password.portlet .sheet .sheet-header,
body.wcprop-2 #portlet_password-reminder.portlet .sheet .sheet-header {
  margin-bottom: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet .sheet .sheet-header,
  body.wcprop-2 #portlet_password-reminder.portlet .sheet .sheet-header {
    margin-bottom: 1.4538845979vw;
  }
}
body.wcprop-2 #portlet_new-password.portlet .sheet .sheet-text,
body.wcprop-2 #portlet_password-reminder.portlet .sheet .sheet-text {
  color: var(--wc-font-color);
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet .sheet .sheet-text,
  body.wcprop-2 #portlet_password-reminder.portlet .sheet .sheet-text {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 #portlet_new-password.portlet form fieldset.fieldset .fieldset,
body.wcprop-2 #portlet_password-reminder.portlet form fieldset.fieldset .fieldset {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet form fieldset.fieldset .fieldset,
  body.wcprop-2 #portlet_password-reminder.portlet form fieldset.fieldset .fieldset {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 #portlet_new-password.portlet form fieldset .form-group,
body.wcprop-2 #portlet_password-reminder.portlet form fieldset .form-group {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet form fieldset .form-group,
  body.wcprop-2 #portlet_password-reminder.portlet form fieldset .form-group {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 #portlet_new-password.portlet form fieldset .form-group .form-control,
body.wcprop-2 #portlet_password-reminder.portlet form fieldset .form-group .form-control {
  width: 100%;
}
body.wcprop-2 #portlet_new-password.portlet form fieldset .help-block,
body.wcprop-2 #portlet_password-reminder.portlet form fieldset .help-block {
  color: var(--btn-danger);
  font-size: calc(var(--wc-font-size) * 1px);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet form fieldset .help-block,
  body.wcprop-2 #portlet_password-reminder.portlet form fieldset .help-block {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-top: 0.3634711495vw;
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 #portlet_new-password.portlet form fieldset .help-block,
  body.wcprop-2 #portlet_password-reminder.portlet form fieldset .help-block {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 #portlet_new-password.portlet form fieldset .help-block,
  body.wcprop-2 #portlet_password-reminder.portlet form fieldset .help-block {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 #portlet_new-password.portlet form .button-holder,
body.wcprop-2 #portlet_password-reminder.portlet form .button-holder {
  display: flex;
  align-items: center;
  margin: 0 0 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet form .button-holder,
  body.wcprop-2 #portlet_password-reminder.portlet form .button-holder {
    margin: 0 0 1.0904134484vw;
  }
}
body.wcprop-2 #portlet_new-password.portlet form label,
body.wcprop-2 #portlet_password-reminder.portlet form label {
  cursor: auto;
}
body.wcprop-2 #portlet_new-password.portlet form .alert-error,
body.wcprop-2 #portlet_new-password.portlet form .alert-danger,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-error,
body.wcprop-2 #portlet_password-reminder.portlet form .alert-error,
body.wcprop-2 #portlet_password-reminder.portlet form .alert-danger,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-error {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
body.wcprop-2 #portlet_new-password.portlet form .alert .close,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-alert .close,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-error .close,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-help .close,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-info .close,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-progress .close,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-success .close,
body.wcprop-2 #portlet_password-reminder.portlet form .alert .close,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-alert .close,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-error .close,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-help .close,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-info .close,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-progress .close,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-success .close {
  font-size: 14px;
  width: 1rem;
  height: 1.5rem;
  right: 0.5rem;
  top: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet form .alert .close,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-alert .close,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-error .close,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-help .close,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-info .close,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-progress .close,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-success .close,
  body.wcprop-2 #portlet_password-reminder.portlet form .alert .close,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-alert .close,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-error .close,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-help .close,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-info .close,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-progress .close,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-success .close {
    font-size: 0.6360745116vw;
    width: 0.726942299vw;
    height: 1.0904134484vw;
    right: 0.3634711495vw;
    top: 0.5452067242vw;
  }
}
body.wcprop-2 #portlet_new-password.portlet form .alert .lead,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-alert .lead,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-error .lead,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-help .lead,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-info .lead,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-progress .lead,
body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-success .lead,
body.wcprop-2 #portlet_password-reminder.portlet form .alert .lead,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-alert .lead,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-error .lead,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-help .lead,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-info .lead,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-progress .lead,
body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-success .lead {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 #portlet_new-password.portlet form .alert .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-alert .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-error .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-help .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-info .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-progress .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-success .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .alert .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-alert .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-error .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-help .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-info .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-progress .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-success .lead {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 #portlet_new-password.portlet form .alert .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-alert .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-error .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-help .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-info .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-progress .lead,
  body.wcprop-2 #portlet_new-password.portlet form .portlet-msg-success .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .alert .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-alert .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-error .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-help .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-info .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-progress .lead,
  body.wcprop-2 #portlet_password-reminder.portlet form .portlet-msg-success .lead {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .parking-space-counter-container hr {
  display: none;
}
body.wcprop-2 .parking-space-counter-container .parking-space-counter-div {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  width: 500px;
  padding: 1rem;
  line-height: 1;
  display: grid;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    width: 22.7169468423vw;
    padding: 0.726942299vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div {
    width: 100%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div {
    font-size: var(--wc-mobile-font-size);
    width: 100%;
  }
}
body.wcprop-2 .parking-space-counter-container .parking-space-counter-div span {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div span {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .parking-space-counter-container .parking-space-counter-div span:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div span:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .parking-space-counter-container .parking-space-counter-div .parking-space-counter-time {
  font-weight: bold;
}
body.wcprop-2 .parking-space-counter-container .parking-space-counter-div .parking-space-counter-icon {
  font-size: 80px;
  margin-bottom: 1rem;
  color: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div .parking-space-counter-icon {
    font-size: 3.6347114948vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div .parking-space-counter-icon {
    font-size: 60px;
  }
}
body.wcprop-2 .parking-space-counter-container .parking-space-counter-div span.parking-space-counter {
  font-size: 40px;
  font-weight: bold;
  font-family: var(--wc-heading-font-family1);
  border-bottom: 1px solid var(--wc-border-color);
  border-top: 1px solid var(--wc-border-color);
  padding: 0.5rem 0 0.2rem;
  background-color: var(--wc-body-bg);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div span.parking-space-counter {
    font-size: 1.8173557474vw;
    padding: 0.3634711495vw 0 0.1453884598vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .parking-space-counter-container .parking-space-counter-div span.parking-space-counter {
    font-size: 30px;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller {
  display: block;
  padding: 0 20px;
  overflow: hidden;
  zoom: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller {
    padding: 0 0.9086778737vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    width: 0.9086778737vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav {
  background: transparent;
  padding: 0;
  margin: 0px;
  list-style: none;
  display: flex;
  overflow-y: auto;
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header {
  background: transparent;
  border: none;
  display: flex;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header {
    width: 100%;
    margin: 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header:last-child {
  margin: 0;
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-state-active a {
  opacity: 1;
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-state-hover a {
  color: var(--bg-text-color);
  opacity: 1;
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  opacity: 0.5;
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem 1rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    font-size: var(--wc-mobile-font-size);
    width: 100%;
  }
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab {
  position: relative;
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  width: calc(100% - 20px);
  text-align: center;
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-backward-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-forward-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 .poa-portlet section.portlet .ui-g,
body.wcprop-2 .poa-portlet section.portlet .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-g,
  body.wcprop-2 .poa-portlet section.portlet .row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-g > [class*=ui-g-], body.wcprop-2 .poa-portlet section.portlet .ui-g > [class*=col-],
body.wcprop-2 .poa-portlet section.portlet .row > [class*=ui-g-],
body.wcprop-2 .poa-portlet section.portlet .row > [class*=col-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-g > [class*=ui-g-], body.wcprop-2 .poa-portlet section.portlet .ui-g > [class*=col-],
  body.wcprop-2 .poa-portlet section.portlet .row > [class*=ui-g-],
  body.wcprop-2 .poa-portlet section.portlet .row > [class*=col-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .row > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .row > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-grid-row {
    border: none;
    display: flex;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs-panels {
  position: static;
  margin: 0 0 1rem 0;
  color: var(--wc-font-color);
  border: 1px solid var(--wc-border-color);
  padding: 0.75rem;
  background: var(--white-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-tabs-panels {
    padding: 0.5452067242vw;
    margin: 0 0 0.726942299vw 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs-panels .ui-tabs-panel {
  padding: 0;
}
body.wcprop-2 .poa-portlet section.portlet .ui-tabs-panels .ui-tabs-panel > hr {
  display: none;
}
body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label,
body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label {
  background: transparent;
  width: 100%;
}
body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label.main-label,
body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label.main-label {
  font-family: var(--wc-font-family);
  margin: 0.5rem 0;
  font-size: calc(var(--wc-fs-heading5) * 1px);
  border: transparent;
  padding: 0px;
  text-transform: unset;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label.main-label,
  body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label.main-label {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label.main-label,
  body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label.main-label,
  body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label.main-label,
  body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label.main-label,
  body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-stmt-label.main-label,
  body.wcprop-2 .poa-portlet section.portlet .poa-rt-main-label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .poa-portlet section.portlet .md-inputfield {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .md-inputfield {
    margin: 0.3634711495vw 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-fluid table.ui-fluid.grid {
  margin: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-fluid table.ui-fluid.grid {
    margin: 0.3634711495vw 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-fluid table.ui-fluid.grid {
    margin-top: 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-fluid table.ui-fluid.grid tbody tr td label.poa-pmnt-label {
  background-color: transparent;
  margin: 0;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  line-height: normal;
  padding: 0;
  border: none;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-fluid table.ui-fluid.grid tbody tr td label.poa-pmnt-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-fluid table.ui-fluid.grid tbody tr td label.poa-pmnt-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-fluid table.ui-fluid.grid tbody tr td label.poa-pmnt-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 {
  width: auto;
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0 0.5rem 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button:hover, body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button:focus {
  text-decoration: none;
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button:not([disabled]):not(.disabled):active, body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    margin: 0 0.3634711495vw 0 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    margin: 0 0.25rem 0 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button.ui-area-btn-statement-active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-info-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-pmnt-label {
  margin: 0 8px 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-pmnt-label {
    margin: 0 0.3634711495vw 0 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0 8px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button:hover,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button:hover, body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button:focus,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button:hover,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button:focus {
  text-decoration: none;
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button:not([disabled]):not(.disabled):active, body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button:not([disabled]):not(.disabled).active,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button:not([disabled]):not(.disabled):active,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    margin: 0 0.3634711495vw 0 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    margin: 0 0.25rem 0.25rem 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button i,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button i,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button i.stmt-next,
body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button i.stmt-next {
  margin: 0 4px 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-previous-button i.stmt-next,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-8 .poa-stmt-next-button i.stmt-next {
    margin: 0 0.1817355747vw 0 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-9 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
}
body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-9 label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-9 label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-4,
body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  margin-left: auto;
}
body.wcprop-2 .poa-portlet section.portlet .col-sm-4 .poa-stmt-pmnt-btn,
body.wcprop-2 .poa-portlet section.portlet .col-sm-4 .poa-pmnt-btn,
body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 .poa-stmt-pmnt-btn,
body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 .poa-pmnt-btn {
  margin: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-4 .poa-stmt-pmnt-btn,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-4 .poa-pmnt-btn,
  body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 .poa-stmt-pmnt-btn,
  body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 .poa-pmnt-btn {
    margin: 0.3634711495vw 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-4 .poa-stmt-pmnt-btn,
  body.wcprop-2 .poa-portlet section.portlet .col-sm-4 .poa-pmnt-btn,
  body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 .poa-stmt-pmnt-btn,
  body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 .poa-pmnt-btn {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .col-sm-4 .poa-stmt-print-button,
  body.wcprop-2 .poa-portlet section.portlet .ui-grid-col-3 .poa-stmt-print-button {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-stmt-table, body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-pmnt-table {
  border: none;
  padding: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-stmt-table, body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-pmnt-table {
    padding: 0.3634711495vw 0;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-stmt-table table tbody tr td.heading-position, body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-pmnt-table table tbody tr td.heading-position {
    display: flex;
    border: 1px solid var(--wc-border-color);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-stmt-table table tbody tr td.heading-position .ui-column-title, body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-pmnt-table table tbody tr td.heading-position .ui-column-title {
    margin-right: auto;
  }
}
body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-stmt-table tfoot tr td:first-child, body.wcprop-2 .poa-portlet section.portlet .table-bordered.poa-pmnt-table tfoot tr td:first-child {
  text-align: left;
}
body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid.ui-widget.ui-panelgrid-blank.create-new-cc .ui-panelgrid-cell {
  padding: 0.75rem 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  border: none;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  border-radius: 0;
  margin: 0;
  align-items: start;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid.ui-widget.ui-panelgrid-blank.create-new-cc .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.3634711495vw;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid.ui-widget.ui-panelgrid-blank.create-new-cc .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid.ui-widget.ui-panelgrid-blank.create-new-cc .ui-panelgrid-cell {
    padding: 0 0.5rem;
    margin: 0.3rem 0 0 0;
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid.ui-widget.ui-panelgrid-blank.create-new-cc .ui-panelgrid-cell.ui-grid-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 640px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid.ui-widget.ui-panelgrid-blank.create-new-cc .ui-panelgrid-cell.ui-grid-col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-panelgrid.ui-widget .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  width: 30%;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-panelgrid.ui-widget .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
    width: 40%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-panelgrid.ui-widget .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poa-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-panelgrid.ui-widget .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
    width: 100%;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar {
  padding: 0.5rem 1rem;
  background: var(--wc-body-bg);
  line-height: normal;
  clear: both;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar {
    padding: 0.3634711495vw 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-st-bl-bar {
  padding: 0.5rem 0;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-st-bl-bar {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-rec-pay-bar {
  padding-top: 1rem;
  width: 100% !important;
  left: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-rec-pay-bar {
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-curr-amo-bar {
  padding-top: 1rem;
  clear: both;
  display: flex;
  width: 100% !important;
  left: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-curr-amo-bar {
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-rec-char-bar {
  padding-bottom: 1rem;
  clear: both;
  display: flex;
  width: 100% !important;
  left: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-rec-char-bar {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-curr-bal-bar {
  padding-bottom: 1rem;
  clear: both;
  display: flex;
  width: 100% !important;
  left: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar.poa-rt-curr-bal-bar {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar span,
body.wcprop-2 .poa-portlet section.portlet .information-bar a {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  flex: 0 0 50%;
  max-width: 50%;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar span,
  body.wcprop-2 .poa-portlet section.portlet .information-bar a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar span,
  body.wcprop-2 .poa-portlet section.portlet .information-bar a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar span,
  body.wcprop-2 .poa-portlet section.portlet .information-bar a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar .info-bar-right,
body.wcprop-2 .poa-portlet section.portlet .information-bar a {
  text-align: right;
  font-weight: normal;
}
body.wcprop-2 .poa-portlet section.portlet .information-bar ~ .ui-datatable {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .information-bar ~ .ui-datatable {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .information-bar ~ .ui-datatable table thead tr {
  border: none;
}
body.wcprop-2 .poa-portlet section.portlet .information-bar ~ .ui-datatable table thead tr th {
  border: none;
}
body.wcprop-2 .poa-portlet section.portlet .poa-rt-folio-payments .ui-icon-minusthick,
body.wcprop-2 .poa-portlet section.portlet .poa-rt-folio-payments .ui-icon-plusthick {
  font-family: var(--fontawesome-family);
  color: var(--accordion-headtext-color);
}
body.wcprop-2 .poa-portlet section.portlet .poa-rt-folio-payments .table-bordered.poa-rt-folio-payments-datatable {
  border: none;
  margin-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .poa-rt-folio-payments .table-bordered.poa-rt-folio-payments-datatable {
    margin-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .poa-rt-folio-payments .poa-rt-folio-payments-total .info-bar-right {
  margin-left: auto;
}
body.wcprop-2 .poa-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
  padding: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-picklist-buttons-cell button.ui-button {
  margin: 0.5rem auto;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-picklist-buttons-cell button.ui-button {
    margin: 0.3634711495vw auto;
  }
}
body.wcprop-2 .poa-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-picklist-buttons-cell button.ui-button .ui-icon {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-picklist-buttons-cell button.ui-button .ui-icon {
    margin: 0;
  }
}
body.wcprop-2 .poa-portlet section .poa-pmnt-main-div .btn-responsive {
  width: auto;
  display: flex;
  align-items: flex-start;
  margin: 0;
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content {
  flex-direction: column;
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel {
  border: none;
  padding: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid {
  padding: 0 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid {
    padding: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .ui-panelgrid-content {
  padding: 0;
  text-align: left;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .chit-text {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid .chit-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel table.able-bordered {
  border: none;
  padding-bottom: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel table.able-bordered {
    padding-bottom: 0 0.3634711495vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel label {
  margin: 0 0.75rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel label {
    margin: 0 0.5452067242vw 0.5452067242vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button > div {
  width: auto;
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  margin: 0 0 0.75rem;
  display: inline-flex;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover, body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:focus {
  text-decoration: none;
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled):active, body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    margin: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn, body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link {
  display: flex;
  align-items: center;
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button.col-sm-3 {
  width: auto;
  max-width: max-content;
  flex: auto;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button.col-sm-3 {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin.col-sm-3 {
  width: auto;
  max-width: max-content;
  flex: auto;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin.col-sm-3 {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
  display: flex;
  align-items: center;
  margin: 0 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
    margin: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
  display: block;
  padding: 0 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
    padding: 0 0.1817355747vw;
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
  right: 2.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poa-portlet section .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
    right: 1.8173557474vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-4.odd-col.wo-odd-col, body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-4.odd-col.wo-even-col, body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-4.even-col.wo-odd-col, body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-4.even-col.wo-even-col, body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-8.odd-col.wo-odd-col, body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-8.odd-col.wo-even-col, body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-8.even-col.wo-odd-col, body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid td.ui-grid-col-8.even-col.wo-even-col {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--table-th-color);
  background-color: var(--table-thead-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
    margin-top: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div i {
  margin-right: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div i {
    margin-right: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .conciergeRequest-portlet section.portlet .liferay-faces-bridge-body .ui-fluid .guest-fluid .member-info-div i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller {
  display: block;
  padding: 0 20px;
  overflow: hidden;
  zoom: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller {
    padding: 0 0.9086778737vw;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    width: 0.9086778737vw;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav {
  background: transparent;
  padding: 0;
  margin: 0px;
  list-style: none;
  display: flex;
  overflow-y: auto;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header {
  background: transparent;
  border: none;
  display: flex;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header {
    width: 100%;
    margin: 0;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header:last-child {
  margin: 0;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-state-active a {
  opacity: 1;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-state-hover a {
  color: var(--bg-text-color);
  opacity: 1;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  opacity: 0.5;
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem 1rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    font-size: var(--wc-mobile-font-size);
    width: 100%;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab {
  position: relative;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  width: calc(100% - 20px);
  text-align: center;
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-backward-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-forward-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .poa-smart-tab {
  margin-bottom: 1rem;
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-confirm-dialog.ui-dialog .ui-dialog-content .ui-confirm-dialog-severity {
  font-family: "primeicons";
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-confirm-dialog.ui-dialog .ui-dialog-content .ui-confirm-dialog-severity:before {
  content: "\e922";
}
body.wcprop-2 .CreditCard-portlet.portlet-boundary_creditCardPOA_WAR_poaportlet_ section.portlet .ui-dialog .ui-dialog-content {
  flex-direction: column;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller {
  display: block;
  padding: 0 20px;
  overflow: hidden;
  zoom: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller {
    padding: 0 0.9086778737vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    width: 0.9086778737vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-right .ui-icon::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-corner-left .ui-icon::before {
  content: var(--arrow-icon-right);
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav {
  background: transparent;
  padding: 0;
  margin: 0px;
  list-style: none;
  display: flex;
  overflow-y: auto;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header {
  background: transparent;
  border: none;
  display: flex;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header {
    width: 100%;
    margin: 0;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-tabs-header:last-child {
  margin: 0;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-state-active a {
  opacity: 1;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li.ui-state-hover a {
  color: var(--bg-text-color);
  opacity: 1;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  opacity: 0.5;
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem 1rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-tabs .ui-tabs-navscroller > .ui-tabs-nav li a {
    font-size: var(--wc-mobile-font-size);
    width: 100%;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab {
  position: relative;
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
  background: var(--primary-color);
  color: var(--white-color);
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  width: calc(100% - 20px);
  text-align: center;
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    padding: 0.3634711495vw 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-smart-tab-vw .poa-smart-vw-tab-label a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-backward-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-backward-link .ui-commandlink i::before {
  content: var(--arrow-icon-left);
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-forward-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  width: 20px;
  opacity: 1;
  border-bottom: none;
  border-radius: 0px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .poa-smart-tab .poa-forward-link .ui-commandlink i::before {
  content: var(--arrow-icon-right);
}
@media (max-width: 640px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-grid-responsive .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-tabs .ui-tabs-navscroller {
  padding: 0;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  display: none;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .mp-header {
  background-color: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  font-weight: 600;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  border: none;
  padding: 0.75rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .mp-header {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .mp-header {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .mp-header {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .mp-header {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
    padding: 0.8rem;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .mp-header i {
  padding-right: 0.5rem;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-datatable-tablewrapper tr td {
    width: auto;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-datatable-tablewrapper tr td[role=gridcell] {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-top: none;
    width: 100%;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-datatable-tablewrapper tr td .ui-column-title {
    margin-right: auto;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-datatable-tablewrapper tr td a {
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: var(--wc-base-lineHeight);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-datatable-tablewrapper tr td a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-datatable-tablewrapper tr td a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-datatable-tablewrapper tr td a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading i {
  display: block;
  text-align: left;
  color: var(--white-color);
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading label {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading label {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading table tbody tr {
  background-color: transparent;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading table tbody tr td {
  border: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading table tbody tr td {
    width: auto;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading h1 {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--white);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading h1 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading h1 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading h1 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading h1 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-violation-div {
  flex: 0 0 calc(33.333% - 8px);
  max-width: calc(33.333% - 8px);
  margin-right: 4px;
  padding: 0.75rem;
  background-color: var(--danger);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-violation-div {
    flex: 0 0 calc(33.333% - 0.3634711495vw);
    max-width: calc(33.333% - 0.3634711495vw);
    margin-right: 0.1817355747vw;
    padding: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-violation-div {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 0.5rem 0;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-balance-div {
  flex: 0 0 calc(33.333% - 8px);
  max-width: calc(33.333% - 8px);
  margin-left: 4px;
  margin-right: 4px;
  padding: 0.75rem;
  background-color: var(--primary-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-balance-div {
    flex: 0 0 calc(33.333% - 0.3634711495vw);
    max-width: calc(33.333% - 0.3634711495vw);
    margin-left: 0.1817355747vw;
    margin-right: 0.1817355747vw;
    padding: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-balance-div {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 0.5rem 0;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-lein-div {
  flex: 0 0 calc(33.333% - 8px);
  max-width: calc(33.333% - 8px);
  margin-left: 4px;
  padding: 0.75rem;
  background-color: var(--secondary-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-lein-div {
    flex: 0 0 calc(33.333% - 0.3634711495vw);
    max-width: calc(33.333% - 0.3634711495vw);
    margin-left: 0.1817355747vw;
    padding: 0.5452067242vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-lein-div {
    padding: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-lein-div {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .ui-grid.poa-property-heading .poa-property-images-div {
  flex: 0 0 100%;
  background-color: transparent;
  border: none;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .ui-datatable.table-striped.table-bordered {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .ui-datatable.table-striped.table-bordered {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail {
  margin-bottom: 1rem;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-col-3,
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-col-6 {
    width: 100%;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-datatable.table-striped.table-bordered {
  margin-top: 0.75rem;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-datatable.table-striped.table-bordered {
    margin-top: 0.5452067242vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail > .ui-grid-row {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail > .ui-grid-row {
    padding-left: 0.5452067242vw;
    padding-right: 0.5452067242vw;
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .table {
  border: none;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .table label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .table label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .table label .ui-datatable-tablewrapper {
  margin-top: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .table label .ui-datatable-tablewrapper {
    margin-top: 0.5452067242vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .poa-property-photo-div {
  margin-top: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .poa-property-photo-div {
    margin-top: 0.5452067242vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .poa-property-photo-div img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: 20% 20%;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .poa-owner-info .poa-property-grid {
  margin-top: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .poa-owner-info .poa-property-grid {
    margin-top: 0.5452067242vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .poa-owner-info .poa-property-grid tbody tr td label {
  margin-bottom: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-grid-row .poa-owner-info .poa-property-grid tbody tr td label {
    inline-size: 30vw;
    overflow: hidden;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details .ui-grid-col-8,
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details .ui-grid-col-4 {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details table.grid.poa-property-grid {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details table.grid.poa-property-grid tbody tr td {
    width: auto;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details table.grid.poa-property-grid tbody tr td label {
  margin-bottom: 0;
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details .ui-grid-row .ui-grid-col-4 .guest-fluid .ui-grid-row label {
  background-color: var(--wc-body-bg);
  display: flex;
  text-align: left;
  padding: 0.75rem;
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .poa-property-details .ui-grid-row .ui-grid-col-4 .guest-fluid .ui-grid-row label {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .poaProperty-portlet section.portlet .ui-fluid .guest-fluid .property-owners-detail .ui-datatable.table-striped.table-bordered {
  margin-top: 0.75rem;
  padding: 0;
}
body.wcprop-2 .poaProperty-portlet section.portlet .portlet-content-editable h3 {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .poaProperty-portlet section.portlet .portlet-content-editable h3 {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .row {
  margin: 0;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .row .col-sm-12,
body.wcprop-2 .real-estate-listings-portlet section.portlet .row .col-sm-7,
body.wcprop-2 .real-estate-listings-portlet section.portlet .row .col-sm-5,
body.wcprop-2 .real-estate-listings-portlet section.portlet .row .col-sm-3 {
  padding: 0;
}
@media (max-width: 640px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-panelgrid .ui-datagrid-content,
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-datagrid .ui-panelgrid-content,
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-datagrid .ui-datagrid-content {
  padding: 0;
  border: none;
  background: var(--white-color);
  color: var(--wc-font-color);
  line-height: normal;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-add-new-listing-btn {
  display: flex;
  margin: 0 0 1rem 0;
  justify-content: flex-end;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-add-new-listing-btn a {
  margin: 0;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  border: 1px solid var(--wc-border-color);
  padding: 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search {
    margin-bottom: 0.726942299vw;
    padding: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search {
    padding: 0.8rem;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row {
    margin-bottom: 0;
    border: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 {
    margin-bottom: 1rem;
    width: 50%;
    float: left;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 {
    margin-bottom: 1rem;
    width: 100%;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-search-field-text {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-search-field-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-search-field-text {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-search-field-text {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider {
  width: auto;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range-field {
  width: 90%;
  margin: 1.5rem auto 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range-field {
    margin: 1.0904134484vw auto 0;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range-field {
    margin: 0.8rem auto 0;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .ui-slider .ui-slider-range {
  background-color: var(--primary-color);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range {
  position: relative;
  text-align: center;
  margin: 0.5rem 0 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range span {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range span {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .rel-slider .rel-search-range span {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field {
  flex: 0 0 50%;
  max-width: 50%;
  display: inline-flex;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-date-added-start-field input, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-last-updated-start-field input {
  border-radius: var(--borderRadius) 0 0 var(--borderRadius) !important;
  border-right: transparent;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-date-added-start-field input.ui-state-hover, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-last-updated-start-field input.ui-state-hover {
  border-color: var(--wc-border-color);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-date-added-start-field input.ui-state-hover:not(.ui-state-error), body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-last-updated-start-field input.ui-state-hover:not(.ui-state-error) {
  border-color: var(--wc-border-color);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-date-added-end-field input, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-last-updated-end-field input {
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0 !important;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-date-added-end-field input.ui-state-hover, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-last-updated-end-field input.ui-state-hover {
  border-color: var(--wc-border-color);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-date-added-end-field input.ui-state-hover:not(.ui-state-error), body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-search .rel-search-grid .ui-calendar.rel-search-date-field.rel-last-updated-end-field input.ui-state-hover:not(.ui-state-error) {
  border-color: var(--wc-border-color);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options {
    flex: auto;
    max-width: initial;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .ui-panelgrid-cell {
    margin: 0 0 0.5rem;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .ui-panelgrid-cell.ui-grid-col-2 {
  display: flex;
  align-items: center;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .ui-panelgrid-cell.ui-grid-col-2 .rel-sort-label {
  font-weight: 600;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .ui-panelgrid-cell.ui-grid-col-2 .rel-sort-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .ui-panelgrid-cell.ui-grid-col-2 .rel-sort-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .ui-panelgrid-cell.ui-grid-col-2 .rel-sort-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .rel-order-by {
  margin-left: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row {
    flex: auto;
    max-width: initial;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row .rel-view-switcher.ui-buttonset-2 .ui-button {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row .rel-view-switcher.ui-buttonset-2 .ui-button {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row .rel-view-switcher.ui-buttonset-2 .ui-button.ui-state-active, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row .rel-view-switcher.ui-buttonset-2 .ui-button.ui-state-hover {
  background: var(--primary-color-hover);
  color: var(--bg-text-color);
  border-color: var(--primary-color-hover);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row .rel-view-switcher.ui-buttonset-2 .ui-button .ui-button-text {
  padding: 0;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row .rel-view-switcher.ui-buttonset-2 .ui-button:last-child {
  margin-right: 0;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view {
  position: relative;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing {
  padding: 0;
  border: 0px solid var(--wc-border-color);
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing {
    padding: 0.5815538392vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img {
  position: relative;
  overflow: hidden;
  height: 0 !important;
  padding-bottom: 80%;
  cursor: pointer;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img::after {
  content: var(--search-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc((var(--wc-font-size) + 8) * 1px);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  color: var(--primary-color);
  width: 60px;
  height: 60px;
  background: var(--white-color);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  z-index: 2;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img::after {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img::after {
    font-size: calc((var(--wc-font-size) + 8) / var(--4k-ratio) * 1vw);
    width: 2.7260336211vw;
    height: 2.7260336211vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img::before {
  content: "";
  background: var(--wc-overlay-bg);
  transition: 0.3s all ease;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img::before {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-width: initial;
  max-height: initial;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img img {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img:hover::after {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img:hover::before {
  opacity: 1;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img .listing-images-count {
  bottom: 0;
  position: absolute;
  right: 0;
  padding: 0.5rem;
  background: var(--wc-font-color);
  color: var(--white-color);
  font-weight: 600;
  z-index: 2;
  cursor: default;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img .listing-images-count {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img .status-ribbon {
  position: relative;
  z-index: 2;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img .status-ribbon .listing-status {
  opacity: 0.95;
  box-shadow: none;
  padding: 0.5rem;
  color: var(--white-color);
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img .status-ribbon .listing-status {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-img .status-ribbon .listing-status.status-under-contract {
  color: var(--dark);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info {
  padding: 0.8rem;
  border: 1px solid var(--wc-border-color);
  border-top: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info {
    padding: 0.5815538392vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info {
    padding: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info {
    padding: 0.8rem;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info br {
  display: none;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info label {
  max-width: initial;
  display: flex;
  font-weight: normal;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info .rel-action-buttons {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info .rel-action-buttons a {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info .rel-action-buttons a {
    margin-left: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info .rel-action-buttons a {
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .rel-single-listing .listing-info .rel-action-buttons a:first-child {
  margin-left: 0;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .ui-g .ui-md-4 {
    width: auto;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-grid-view .ui-g .ui-md-4 {
    width: auto;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view {
  position: relative;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing {
  padding: 0.8rem;
  border: 1px solid var(--wc-border-color);
  position: relative;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing {
    padding: 0.5815538392vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-address-bar {
  background: var(--primary-color);
  box-shadow: none;
  padding: 0.5rem;
  color: var(--white-color);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  margin: 0 0 0.5rem 0;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-address-bar {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
    margin: 0.3634711495vw 0;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-address-bar .listing-status-two {
  float: none;
  margin-left: auto;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img {
  position: relative;
  overflow: hidden;
  height: 0 !important;
  padding-bottom: 18%;
  cursor: pointer;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img {
    padding-bottom: 28%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img {
    padding-bottom: 60%;
    margin-bottom: 0.8rem;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img::after {
  content: var(--search-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc((var(--wc-font-size) + 8) * 1px);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  color: var(--primary-color);
  width: 60px;
  height: 60px;
  background: var(--white-color);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  z-index: 2;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img::after {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img::after {
    font-size: calc((var(--wc-font-size) + 8) / var(--4k-ratio) * 1vw);
    width: 2.7260336211vw;
    height: 2.7260336211vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img::before {
  content: "";
  background: var(--wc-overlay-bg);
  transition: 0.3s all ease;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img::before {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-width: initial;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img img {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img:hover::after {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img:hover::before {
  opacity: 1;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img .listing-images-count {
  bottom: 0;
  position: absolute;
  right: 0;
  padding: 0.5rem;
  background: var(--wc-font-color);
  color: var(--white-color);
  font-weight: 600;
  cursor: default;
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  z-index: 2;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-img .listing-images-count {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info {
  padding: 0 0.5rem 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info {
    padding: 0 0.3634711495vw 0 0.726942299vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info br {
  display: none;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info label {
  max-width: initial;
  display: flex;
  font-weight: normal;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info .rel-action-buttons {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info .rel-action-buttons a {
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info .rel-action-buttons a {
    margin-left: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info .rel-action-buttons a {
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listings-list-view .rel-single-listing .listing-info .rel-action-buttons a:first-child {
  margin-left: 0;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details a.back-btn {
  max-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-address-bar {
  background: var(--primary-color);
  box-shadow: none;
  padding: 0.5rem;
  color: var(--white-color);
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
  margin: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-address-bar {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
    margin: 0.3634711495vw 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-address-bar {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-address-bar {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img {
  position: relative;
  overflow: hidden;
  height: 0 !important;
  padding-bottom: 20%;
  cursor: pointer;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img {
    padding-bottom: 28%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img {
    padding-bottom: 60%;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img::after {
  content: var(--search-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc((var(--wc-font-size) + 8) * 1px);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  color: var(--primary-color);
  width: 60px;
  height: 60px;
  background: var(--white-color);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  z-index: 2;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img::after {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img::after {
    font-size: calc((var(--wc-font-size) + 8) / var(--4k-ratio) * 1vw);
    width: 2.7260336211vw;
    height: 2.7260336211vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img::before {
  content: "";
  background: var(--wc-overlay-bg);
  transition: 0.3s all ease;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img::before {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-width: initial;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img img {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img:hover::after {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img:hover::before {
  opacity: 1;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img .listing-images-count {
  bottom: 0;
  position: absolute;
  right: 0;
  padding: 0.5rem;
  background: var(--wc-font-color);
  color: var(--white-color);
  font-weight: 600;
  cursor: default;
  font-size: calc(var(--wc-font-size) * 1px);
  z-index: 2;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-img .listing-images-count {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul {
  list-style-type: none;
  margin: 0.8rem -0.5rem 0 -0.5rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul {
    margin: 0.5815538392vw -0.3634711495vw 0 -0.3634711495vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li {
  position: relative;
  margin: 0 0.5rem 0.8rem 0.5rem;
  float: none;
  flex: 0 0 25%;
  max-width: calc(25% - 16px);
  cursor: pointer;
  overflow: hidden;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li {
    margin: 0 0.3634711495vw 0.5815538392vw 0.3634711495vw;
    max-width: calc(25% - 0.726942299vw);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li::after {
  content: var(--search-icon);
  font-family: var(--fontawesome-family);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc((var(--wc-font-size) + 8) * 1px);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  color: var(--primary-color);
  width: 60px;
  height: 60px;
  background: var(--white-color);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  z-index: 2;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li::after {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li::after {
    font-size: calc((var(--wc-font-size) + 8) / var(--4k-ratio) * 1vw);
    width: 2.7260336211vw;
    height: 2.7260336211vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li::before {
  content: "";
  background: var(--wc-overlay-bg);
  transition: 0.3s all ease;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li::before {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li img {
  width: 100%;
  height: 100%;
  transition: 0.3s all ease;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li img {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li:hover::after {
    transition: none;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-thumbnails ul li:hover::before {
  opacity: 1;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 span, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 span {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 span, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 span, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 span {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 span, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 span {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 .listing-description p br, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 .listing-description p br {
  display: none;
}
@media (max-width: 640px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 .ui-grid-row, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 .ui-grid-row {
    display: flex;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-4 .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6:nth-child(2) span, body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-details .ui-panelgrid-cell.ui-grid-col-8 .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6:nth-child(2) span {
  justify-content: flex-end;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell.ui-grid-col-5 {
  width: auto;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-info-label {
  margin: 0.5rem 0;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-info-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.3634711495vw 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-info-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-info-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-name,
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-number {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-name,
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-number {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-name,
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-number {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-name,
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-number {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-email {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-email {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-email {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .rel-listing-details .listing-contact-info .ui-panelgrid-cell .listing-contact-email {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .rel-container .portlet-msg-alert .ui-datagrid-content {
  background: transparent;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet hr {
  display: none;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content a.rel-cross-link {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content a.rel-cross-link {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content a.rel-cross-link i {
  margin: 0;
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content a.rel-cross-link i::before {
  content: var(--close-icon);
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content .rel-image-preview-container {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 40%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content .rel-image-preview-container {
    padding-bottom: 60%;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content .rel-image-preview-container img.listing-preview-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content .rel-image-preview-container .rel-navigation-buttons {
  position: absolute;
  background: var(--primary-color);
  box-shadow: none;
  padding: 0.8rem;
  color: var(--white-color);
  width: 100%;
  bottom: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content .rel-image-preview-container .rel-navigation-buttons {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.5815538392vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content .rel-image-preview-container .rel-navigation-buttons .ui-state-disabled {
  opacity: 0.5;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog .ui-dialog-content .rel-image-preview-container .rel-navigation-buttons a {
  color: var(--white-color);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-dialog-content.ui-widget-content > div {
  width: 100%;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel {
  border: none;
  padding: 0;
  background: transparent;
  overflow-x: hidden;
  height: auto !important;
  max-height: 450px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel {
    max-height: 20.4452521581vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell label.rel-popup-heading {
  margin: 1rem 0 0 0;
  font-family: var(--wc-heading-font-family1);
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell label.rel-popup-heading {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin: 0.726942299vw 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell label.rel-popup-heading {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell label.rel-popup-heading {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell label.rel-popup-heading {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell label.rel-popup-heading {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell label.rel-popup-heading {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-3, body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-8 {
  width: auto;
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-3 span.pull-right, body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-8 span.pull-right {
  display: flex;
  float: none !important;
  margin: 0.5rem 0;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-3 span.pull-right, body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-8 span.pull-right {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-3 span.pull-right, body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-8 span.pull-right {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-3 span.pull-right, body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-scrollpanel .ui-panelgrid-cell.ui-grid-col-8 span.pull-right {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-grid-row.footer {
  display: flex;
  padding: 0.75rem 0.75rem 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-grid-row.footer {
    padding: 0.5452067242vw 0.5452067242vw 0 0.5452067242vw;
  }
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-grid-row.footer a.rel-add-update-button {
  margin-right: 0.5rem;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-grid-row.footer a.rel-cancel-button {
  background: var(--btn-danger);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .ui-dialog.rel-add-update-listing-dialog .ui-grid-row.footer a.rel-cancel-button:hover {
  background: var(--danger);
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .portlet-content-editable .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell:first-child {
  display: unset;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .portlet-content-editable .add-update-button {
  display: inherit;
  width: max-content;
}
body.wcprop-2 .real-estate-listings-portlet section.portlet .portlet-content-editable .ui-tabs-panel.ui-corner-bottom .rel-add-category-btn {
  display: inherit;
  width: max-content;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 {
    margin-bottom: 1rem;
    width: 50%;
    float: left;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .real-estate-listings-portlet section.portlet .rel-container .rel-search .ui-grid-row .ui-panelgrid-cell.ui-grid-col-3 {
    margin-bottom: 1rem;
    width: 100%;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options {
    flex: auto;
    max-width: initial;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .real-estate-listings-portlet section.portlet .rel-container .rel-sort-options .ui-panelgrid-cell {
    margin: 0 0 0.5rem;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .real-estate-listings-portlet section.portlet .rel-container .rel-view-switcher-row {
    flex: auto;
    max-width: initial;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panel-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-datalist-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-cell,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panel-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-cell,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
  border: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panel-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panel-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-datalist-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-datalist-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-cell .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-cell .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panel-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panel-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-cell .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-cell .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content .ui-icon-plusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-icon-minusthick,
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .ui-icon-plusthick {
  font-family: var(--fontawesome-family);
  color: var(--accordion-headtext-color);
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panel-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-datalist-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panelgrid-cell .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panel-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-panelgrid-cell .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panel-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-datalist-content .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn,
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell .rc-make-pmnt-btn .ui-area-btn-print.pmnt-btn {
    margin-top: var(--wc-h-margin);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-fluid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-fluid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .well {
  margin-bottom: 1rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .well {
    margin-bottom: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .well {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .well {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .well > .row-fluid {
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .well > .row-fluid {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-panel .ui-panel-content .ui-datatable {
  border: none;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .main-label {
  color: var(--wc-font-color);
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  border: transparent;
  padding: 0px;
  -webkit-text-transform: unset;
  -moz-text-transform: unset;
  -ms-text-transform: unset;
  text-transform: unset;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .main-label {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.726942299vw;
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .main-label {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .main-label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .main-label {
    font-size: calc((var(--wc-fs-heading6) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .main-label {
    font-size: calc((var(--wc-fs-heading4) - 4) * 1px);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .main-label ~ span {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .main-label ~ span {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar {
  padding: 0.5rem 1rem;
  background: var(--wc-body-bg);
  line-height: normal;
  clear: both;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar {
    padding: 0.3634711495vw 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar.st-bl-bar {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar.st-bl-bar {
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar.rec-pay-bar {
  padding-top: 1rem;
  clear: both;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar.rec-pay-bar {
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar.curr-bal-bar {
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar.curr-bal-bar {
    padding-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar span,
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar a {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  flex: 0 0 50%;
  max-width: 50%;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar span,
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar span,
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar span,
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar .info-bar-right,
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar a {
  text-align: right;
  font-weight: normal;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar ~ .ui-datatable {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar ~ .ui-datatable {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar ~ .ui-datatable table thead tr {
  border: none;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .information-bar ~ .ui-datatable table thead tr th {
  border: none;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content {
    padding: 0;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  overflow: hidden;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel table tbody tr {
  border: none;
  border-bottom: 1px solid var(--wc-border-color);
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel table tbody tr td {
  border: none;
  background: transparent;
  font-weight: normal;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-titlebar {
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content {
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable {
    margin-bottom: 0;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper .cancel-trash {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin-left: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper .cancel-trash {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-left: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper .cancel-trash {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper .cancel-trash {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper .cancel-trash:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper .cancel-trash.rc-icon {
  color: var(--link-color);
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: transparent;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel {
  border: none;
  padding: 0;
  position: relative;
  width: 100%;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid {
  padding: 0 0.25rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid {
    padding: 0 0.1817355747vw 0.5452067242vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .ui-panelgrid-content {
  padding: 0 0.5rem;
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .ui-panelgrid-content {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .ui-panelgrid-content #image2alt {
  max-width: 130px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .ui-panelgrid-content #image2alt {
    max-width: 5.906406179vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table {
  margin: 0.75rem;
  border: none;
  width: calc(100% - 1.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table {
    margin: 0.5452067242vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel label {
  margin: 0 0.75rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel label {
    margin: 0 0.5452067242vw 0.5452067242vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button > div {
  width: auto;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  margin: 0 0 0.75rem;
  display: inline-flex;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover, body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:focus {
  text-decoration: none;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled):active, body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    margin: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn, body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link {
  display: flex;
  align-items: center;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin {
  width: auto;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
  display: flex;
  align-items: center;
  margin: 0 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
    margin: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
  display: block;
  padding: 0 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
    padding: 0 0.1817355747vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid .ui-grid-col-3.no-margin {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid .ui-grid-col-3.no-margin {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
  right: 2.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
    right: 1.8173557474vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .rc-make-pmnt-btn .ui-area-btn-print i {
  padding-right: 5px;
}
body.wcprop-2 .RecentCharges-portlet section.portlet table tbody tr td .ui-commandlink.ui-widget {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet table tbody tr td .ui-commandlink.ui-widget {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet table tbody tr td .ui-commandlink.ui-widget {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet table tbody tr td .ui-commandlink.ui-widget {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet table tbody tr td .ui-commandlink.ui-widget {
    font-size: var(--wc-mobile-font-size);
    font-weight: 600;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels {
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels {
    margin-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content,
body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row,
body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row {
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row {
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row .ui-tree.ui-widget,
body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row .ui-tree.ui-widget {
  margin-right: 0.8rem;
  width: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row .ui-tree.ui-widget,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row .ui-tree.ui-widget {
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row .ui-tree.ui-widget,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row .ui-tree.ui-widget {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row .ui-tree.ui-widget:last-child,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row .ui-tree.ui-widget:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-panelgrid-content .ui-grid-row .ui-grid-col-4,
  body.wcprop-2 .RecentCharges-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-grid-responsive .ui-grid-row .ui-grid-col-4 {
    width: 100%;
  }
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datatable {
  border: none;
}
body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datatable.ui-widget.table.table-striped.table-bordered.ui-datatable-reflow table tr span.amount-position {
  display: flex;
  justify-content: end;
}
@media (max-width: 640px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datatable.ui-widget.table.table-striped.table-bordered.ui-datatable-reflow table tr.ui-datatable-even td {
    display: flex;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .RecentCharges-portlet section.portlet .ui-datatable.ui-widget.table.table-striped.table-bordered.ui-datatable-reflow table tr.ui-datatable-even td .ui-column-title {
    padding: 0 0.4em;
    min-width: auto;
    margin-right: auto;
    display: unset;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .ui-g {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw !important;
    margin-right: -0.3634711495vw !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-clubs-grid .rc-club .second-row,
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-clubs-grid .rc-club .third-row {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-clubs-grid .rc-club .second-row,
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-clubs-grid .rc-club .third-row {
    padding: 0px;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-club .first-row > div,
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-search .first-row > div {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-club .first-row > div,
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-search .first-row > div {
    padding-top: 0.3634711495vw !important;
    padding-bottom: 0.3634711495vw !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-club .first-row > div,
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-search .first-row > div {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container hr {
  display: none;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container label {
  text-transform: none !important;
  font-size: calc(var(--wc-font-size) * 1px) !important;
  font-weight: 600 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container label {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container label {
    font-size: var(--wc-mobile-font-size) !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-selectonemenu .ui-selectonemenu-label,
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-selectonemenu .ui-selectcheckboxmenu-label,
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-selectcheckboxmenu .ui-selectonemenu-label,
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  font-weight: normal !important;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-datagrid .ui-datagrid-content {
  color: var(--wc-font-color);
  border-radius: var(--borderRadius);
  line-height: normal;
  font-size: calc(var(--wc-font-size) * 1px);
  border: none;
  padding: 0;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-datagrid .ui-datagrid-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-datagrid .ui-datagrid-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-datagrid .ui-datagrid-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-datagrid .ui-datagrid-content.ui-datagrid-content-empty {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-datagrid .ui-datagrid-content.ui-datagrid-content-empty {
    padding: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container input {
  width: 100%;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-admin-buttons-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-admin-buttons-row {
    margin-bottom: 0.726942299vw;
    margin-top: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-admin-buttons-row a {
  margin-right: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-admin-buttons-row a {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-admin-buttons-row a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-admin-buttons-row a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-btn {
  text-transform: unset;
  font-size: calc(var(--wc-font-size) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-btn {
    font-size: var(--wc-mobile-font-size) !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  margin-bottom: 1.5rem;
  background: var(--wc-body-bg);
  padding: 1rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search {
    margin-bottom: 1.0904134484vw;
    padding: 0.726942299vw 0.3634711495vw;
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row,
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .third-row {
  padding: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row,
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .third-row {
    padding: 0px;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .first-row {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .first-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .first-row > div {
  flex: 1 0 auto;
  width: auto;
  max-width: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .first-row > div {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row {
  flex: 1 1 auto;
  max-width: 100%;
  width: calc(100% - 200px);
  margin-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row {
    width: calc(100% - 9.0867787369vw);
    margin-left: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row {
    width: calc(100% - 6.8150840527vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row {
    width: calc(100% - 6.8150840527vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row {
    width: 100%;
    margin-left: -0.5rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row .second-row-first {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row .second-row-first {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row .second-row-first label {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .second-row .second-row-first label {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities {
  border: 1px solid var(--wc-border-color);
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities {
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities {
    margin-bottom: 2rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities {
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities .rc-search-amenity {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  max-width: 100%;
  width: auto;
  margin-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities .rc-search-amenity {
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities .rc-search-amenity {
    align-items: flex-start;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities .rc-search-amenity .ui-chkbox {
  margin-right: 0.5rem !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities .rc-search-amenity .ui-chkbox {
    margin-right: 0.3634711495vw !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities .rc-search-amenity label {
  margin-bottom: 0;
  font-weight: normal !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-search-amenities .rc-search-amenity label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row {
  margin-top: 0;
  margin-bottom: 0;
  flex: 1 1 auto;
  min-width: 200px;
  max-width: 100%;
  align-items: flex-end;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    min-width: 9.0867787369vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row {
    min-width: 150px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row {
    min-width: 150px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row {
    margin-right: -0.5rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 {
  display: inline-flex;
  justify-content: flex-end;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn {
  display: inline-flex;
  justify-content: center;
  margin-top: 0;
  margin-right: 0.5rem;
  width: max-content;
  margin-left: auto;
  margin-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn {
    margin-right: 0.3634711495vw;
    margin-top: 0;
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn {
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn:last-child {
  margin-right: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn:last-child {
    margin-right: 0.1817355747vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn:last-child {
    margin-right: auto;
    margin-left: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn:last-child {
    margin-right: auto;
    margin-left: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn.rc-reset-btn {
  background: var(--btn-danger);
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-search .ui-fluid .rc-buttons-row.rc-search-buttons-row .ui-grid-col-12 .rc-btn.rc-reset-btn:hover {
  background: #cf0000;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid {
  margin-bottom: 1rem;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club {
  border-radius: var(--borderRadius);
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  border: none;
  background: var(--wc-body-bg);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club {
    padding: 0.726942299vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .ui-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .first-row > div:last-child {
  padding-bottom: 0 !important;
  width: max-content;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .first-row > [class*=ui-grid-col] {
  width: max-content;
  border: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 1rem !important;
  display: inline-flex;
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .first-row > [class*=ui-grid-col] {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0.726942299vw !important;
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .first-row > [class*=ui-grid-col] {
    padding-right: 0.75rem !important;
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .first-row > [class*=ui-grid-col] {
    padding-right: 0.5rem !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: max-content;
  border: none;
  align-items: center;
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info {
    margin-bottom: 0.726942299vw;
    padding-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info {
    align-items: flex-start;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info label {
  display: none;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-name {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  font-weight: 600;
  order: 1;
  width: max-content;
  flex: 0 0 auto;
  max-width: 100%;
  -webkit-text-transform: capitalize;
  -moz-text-transform: capitalize;
  -ms-text-transform: capitalize;
  text-transform: capitalize;
  padding-left: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-name {
    padding-left: 0 !important;
    padding-right: 2.1808268969vw !important;
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-name {
    font-size: calc((var(--wc-fs-heading5) - 2) * 1px);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-name {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
    flex: 0 0 50%;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-name {
    margin-bottom: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-name {
    margin-bottom: 0.75rem;
    font-size: calc((var(--wc-fs-heading5) - 6) * 1px);
    flex: 0 0 100%;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-name label {
  width: 100%;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-address {
  flex: 0 1 auto;
  order: 3;
  margin-left: auto;
  max-width: 100%;
  text-align: left;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-address {
    margin-left: initial;
    padding-left: 0 !important;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-address {
    flex: 0 0 100%;
    margin-bottom: 0.75rem;
    padding: 0 !important;
    margin-top: 0.75rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-address::before {
  content: var(--address-icon);
  font-weight: normal;
  font-family: var(--fontawesome-family);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-address::before {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-club-address label {
  width: 100%;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-phone-numbers {
  order: 4;
  flex: 0 0 auto;
  max-width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-phone-numbers {
    padding-left: 0 !important;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 424.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-phone-numbers {
    flex: 0 0 100%;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-phone-numbers::before {
  content: var(--phone-icon);
  font-weight: 600;
  font-family: var(--fontawesome-family);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-phone-numbers::before {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-email-addresses {
  order: 5;
  flex: 0 0 auto;
  max-width: 100%;
  padding-right: 0 !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-email-addresses {
    padding-right: 0 !important;
  }
}
@media (max-width: 424.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-email-addresses {
    flex: 0 0 100%;
    padding-left: 0 !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-email-addresses::before {
  content: var(--email-icon);
  font-weight: normal;
  font-family: var(--fontawesome-family);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .rc-email-addresses::before {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) {
  order: 2;
  align-items: center;
  flex: 1 1 auto;
  max-width: 100%;
  padding-right: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) {
    padding-right: 1.4538845979vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) {
    margin-bottom: 0.5rem;
    flex: 0 0 50%;
    justify-content: flex-end;
    padding-right: 0 !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) {
    flex: 0 0 100%;
    justify-content: flex-start;
    padding-left: 0 !important;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) a {
  font-size: calc(var(--wc-font-size) * 1px) !important;
  margin-right: 0.5rem;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) a {
    margin-right: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1px) !important;
  }
}
@media (max-width: 1600.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) a {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2:not(.rc-email-addresses):not(.rc-phone-numbers):not(.rc-club-address) a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-letter-of-intro-btn {
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  width: max-content;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-letter-of-intro-btn:hover {
  color: var(--primary-color-hover);
  border-bottom-color: var(--primary-color-hover);
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-edit-club-btn {
  background: transparent;
  padding: 0;
  border: none;
  color: var(--wc-font-color);
  width: 16px;
  height: 14px;
  margin-top: 0;
  overflow: hidden;
  min-width: 16px;
  min-height: 14px;
  display: inline-flex;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-edit-club-btn {
    width: 0.726942299vw;
    height: 0.6360745116vw;
    min-width: 0.726942299vw;
    min-height: 0.6360745116vw;
    margin-top: 0;
    padding: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-edit-club-btn::before {
  content: var(--edit-icon);
  font-family: var(--fontawesome-family);
  margin-right: 1rem;
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-edit-club-btn::before {
    margin-right: 0.726942299vw;
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-edit-club-btn:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-delete-club-btn {
  background: transparent;
  padding: 0;
  border: none;
  color: var(--wc-font-color);
  width: 12px;
  height: 14px;
  overflow: hidden;
  min-width: 12px;
  min-height: 14px;
  display: inline-flex;
  margin-top: 0;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-delete-club-btn {
    width: 0.5452067242vw;
    height: 0.6360745116vw;
    min-width: 0.5452067242vw;
    min-height: 0.6360745116vw;
    margin-top: 0;
    padding: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-delete-club-btn::before {
  content: var(--trash-icon);
  font-family: var(--fontawesome-family);
  margin-right: 1rem;
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-delete-club-btn::before {
    margin-right: 0.726942299vw;
    font-size: 0.6360745116vw;
  }
}
@media (max-width: 424.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-info .ui-grid-col-2 a.rc-delete-club-btn {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: initial;
    padding-left: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings.second-row .ui-grid-col-12 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings.second-row .ui-grid-col-12 {
    padding-right: 0;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings.second-row .ui-grid-col-12 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
  order: 2;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
    margin-bottom: 0 !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first .pull-left {
  float: none !important;
  display: none;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first .pull-right {
  float: none !important;
  display: inline-flex;
  margin-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first .pull-right {
    margin-left: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first .pull-right {
    margin-left: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first .pull-right {
    margin-left: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first a {
  width: 100%;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-first a {
    margin-top: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  border: none;
  border-radius: var(--borderRadius);
  background-color: var(--wc-body-bg);
  margin-bottom: 2rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities {
    padding: 0;
    margin-bottom: 1.4538845979vw;
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities {
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .ui-grid-row {
  width: 100%;
  flex-wrap: wrap;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .ui-grid-row .ui-grid-col-6 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .ui-grid-row .ui-grid-col-6 {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .ui-grid-row .ui-grid-col-6 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .ui-grid-row .ui-grid-col-6 {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity {
  min-height: auto;
  display: flex;
  flex-direction: column;
  float: inherit;
  margin-right: 0;
  min-width: 160px;
  width: max-content;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity {
    margin-right: 0;
    margin-bottom: 0.3634711495vw;
    min-width: 7.2694229896vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity {
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media (max-width: 424.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: initial;
    padding-left: 0;
  }
}
@media (max-width: 375.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity {
    flex: 1 0 auto;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity:last-child {
    padding-right: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity label {
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity label {
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating {
  display: flex;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating .ui-rating-cancel a {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-indent: 0 !important;
  text-align: center;
  background: 0;
  display: flex;
  height: auto;
  width: auto;
  color: var(--btn-danger);
  font-size: calc(var(--wc-font-size) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating .ui-rating-cancel a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating .ui-rating-cancel a {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating .ui-rating-cancel a {
    font-size: var(--wc-mobile-font-size) !important;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating .ui-rating-star {
  float: none;
  display: flex;
  vertical-align: middle;
  align-items: center;
  cursor: pointer;
  text-indent: -999rem;
  overflow: hidden;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating .ui-rating-star a {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-indent: 0;
  text-align: center;
  background: 0;
  display: flex;
  height: auto;
  width: auto;
  color: #f5ee19;
  font-size: 20px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-amenity .rc-club-rating .ui-rating-star a {
    font-size: 0.9086778737vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row {
    margin-right: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row {
    margin-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 .rc-btn {
  margin-right: 0.5rem;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 .rc-btn {
    margin-right: 0.3634711495vw;
    margin-top: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 .rc-btn:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 .rc-btn:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 .rc-btn.rc-cancel-btn {
  background: var(--btn-danger);
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .rc-club-ratings .second-row-second.rc-club-amenities .rc-club-review-buttons-row .ui-grid-col-12 .rc-btn.rc-cancel-btn:hover {
  background: #cf0000;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .second-row {
  width: 50%;
  padding: 0;
  flex: 1 1 auto;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .second-row {
    padding: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .second-row > .ui-grid-col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .second-row > .ui-grid-col-12 {
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row {
  width: auto;
  flex: 1 1 auto;
  min-width: 50%;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row {
    min-width: 100%;
    margin-top: 1.5rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row [class*=ui-grid-col] {
    padding: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .ui-grid-col-12 {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .ui-grid-col-12 {
    padding-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-first .pull-left {
  float: inherit;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-first label {
  -webkit-text-transform: uppercase !important;
  -moz-text-transform: uppercase !important;
  -ms-text-transform: uppercase !important;
  text-transform: uppercase !important;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid {
  width: 100%;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content {
  padding: 1rem 0;
  border: none;
  background: var(--white-color);
  max-height: 130px;
  min-height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content {
    max-height: 5.906406179vw;
    min-height: 5.906406179vw;
    padding: 0.726942299vw 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content {
    max-height: 150px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content {
    max-height: 150px;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content::-webkit-scrollbar {
  width: 12px;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content::-webkit-scrollbar-thumb {
  background-color: var(--wc-overlay-bg);
  border-radius: 12px;
  border: 3px solid #f1f1f1;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment {
  display: flex;
  flex-wrap: wrap;
  padding: 0 3.5rem 1rem 1rem;
  margin-bottom: 0;
  border: none;
  background-color: transparent;
  position: relative;
  border-bottom: 1px solid var(--wc-border-color);
  margin-bottom: 1rem;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment {
    padding: 0 2.5442980463vw 0.726942299vw 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-club-comment-comments {
  margin-bottom: 0.5rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-club-comment-comments {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-club-comment-separator {
  margin-right: 0.25rem;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-club-comment-separator {
    margin-right: 0.1817355747vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-club-comment-user {
  font-weight: 600;
  font-style: normal;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-club-comment-user {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-btn {
  background: transparent;
  color: var(--btn-danger);
  width: 12px;
  height: 17px;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 10px;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-btn {
    width: 0.5452067242vw;
    height: 0.7723761926vw;
    margin-left: auto;
    top: 0;
    right: 0.4543389368vw;
    margin-top: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-btn::before {
  content: "\f2ed";
  font-family: var(--fontawesome-family);
  font-weight: normal;
  color: var(--wc-font-color);
  font-size: 12px;
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-btn::before {
    font-size: 0.5452067242vw;
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g .ui-datagrid-column .ui-grid-row.rc-club-comment .rc-btn:hover::before {
  color: var(--btn-danger);
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g:last-child .ui-datagrid-column .ui-grid-row.rc-club-comment {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .rc-clubs .rc-clubs-grid .ui-g .ui-datagrid-column .rc-club .third-row.rc-club-comments .third-row-second .rc-club-comments-grid .ui-datagrid-content .ui-g:last-child .ui-datagrid-column .ui-grid-row.rc-club-comment {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content {
  width: 100%;
  overflow: hidden;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content {
    padding: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container {
  width: 100%;
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container .ui-panelgrid .ui-panelgrid-content {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container .footer {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid var(--wc-border-color);
  margin-top: 1rem;
  padding-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container .footer {
    margin-top: 0.726942299vw;
    padding-top: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container .footer a {
  margin-right: 0.5rem;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-add-update-club-dialog-container .footer a {
    margin-right: 0.3634711495vw;
    margin-top: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container {
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-datatable {
  border: none;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .rc-add-amenity-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content .ui-panelgrid .ui-panelgrid-content {
  padding: 0;
  border: none;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn:hover, body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .reciprocal-clubs-portlet section.portlet .rc-container .ui-dialog.rc-dialog .ui-dialog-content .rc-amenities-dialog-container .ui-panel .ui-panel-content > .ui-grid-row a.rc-reset-amenity-btn:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div {
  border: 1px solid var(--wc-border-color);
  padding: 0 0 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div {
    padding: 0 0 0.726942299vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item {
    margin-bottom: 1rem;
    flex: 0 0 50%;
    max-width: 50%;
    width: auto;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item {
    margin-bottom: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    width: auto;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item:last-child {
  margin: 0;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item > .ui-selectonemenu {
  margin-top: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item > .ui-selectonemenu {
    margin-top: 0.4543389368vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item > .ui-calendar {
  margin-top: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-item > .ui-calendar {
    margin-top: 0.4543389368vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row > .ui-grid-row {
  margin: 0;
  padding: 0;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row h1 {
  margin-bottom: 0;
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row h1 {
    padding: 0.5452067242vw 0.726942299vw;
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row h1 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row h1 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row h1 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row h1 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div > .ui-grid-row h1 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div {
  display: flex;
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div {
    padding: 0 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div {
    padding: 0 0.5rem;
    margin: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div {
    padding: 0;
    margin: 1rem 0 0 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 1rem 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink:hover, body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    margin: 0.726942299vw 0 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    width: max-content;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-container .rooms-main-div .rooms-search-div .rooms-search-btn-container > .ui-commandlink {
    margin: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-grid .ui-grid-row hr {
  display: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .heading {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .heading {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .heading {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .heading {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .heading {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .heading {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .heading {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content {
  border: none;
  color: var(--wc-font-color);
  padding: 0;
  background: var(--white-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content {
    padding: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column span {
  font-size: calc(var(--wc-font-size) * 1px);
  display: block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column span {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column span {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column span.ui-chkbox-icon {
  font-size: 10px;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  margin-bottom: 1rem;
  padding: 1rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell {
    margin-bottom: 0.726942299vw;
    padding: 0.726942299vw 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell > div {
  text-align: center;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name-heading {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name-heading {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name-heading {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
    width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
    width: 60%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates {
  width: max-content;
  margin: 0.5rem auto 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates {
    margin: 0.3634711495vw auto 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates > .ui-grid-row {
  width: 100%;
  margin: 0 0 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates > .ui-grid-row {
    margin: 0 0 0.1817355747vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates .pull-left {
  float: initial !important;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates .pull-left {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates .pull-left .ui-selectbooleancheckbox {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates .pull-left .ui-selectbooleancheckbox {
    margin-bottom: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-member-guest-rates .pull-right {
  float: initial !important;
  line-height: normal;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row {
  flex: 1 0 auto;
  width: max-content;
  margin-bottom: 0.5rem;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:first-child {
  padding-right: 0;
  padding-left: 0;
  max-width: 60%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:first-child {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:first-child {
    max-width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:last-child {
  padding-right: 0;
  padding-left: 0;
  max-width: 50%;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:last-child {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:last-child {
    max-width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:nth-child(2) {
  max-width: 40%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:nth-child(2) {
    max-width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:nth-child(2) a {
  background: transparent;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row:nth-child(2) a:hover {
  background: var(--primary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--primary-color-hover);
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-top: 0;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding: 10px 14px;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a:hover, body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a:focus {
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a:not([disabled]):not(.disabled):active, body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container .room-btn-row a {
    margin-top: 0;
    padding: 0.4543389368vw 0.6360745116vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  justify-content: center;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row > span {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row > span:not(:empty) {
  margin-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row > span:not(:empty) {
    margin-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row > span .pull-left {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row > span .pull-left {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row > span .pull-right {
  margin-left: auto;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-item-btn-container > .ui-grid-row > span .pull-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .ui-grid-row {
  margin: 0;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .ui-datatable {
  border: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content h3 {
  width: 100%;
  margin-bottom: 1rem;
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 0.25rem 0 1rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content h3 {
    margin-bottom: 0.726942299vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.1817355747vw 0 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content h3 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content h3 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content h3 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content hr {
  display: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-detail-text-container {
  margin-top: 1rem;
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-detail-text-container {
    margin-top: 0.726942299vw;
    padding-bottom: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-detail-text-container span {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-detail-text-container span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-detail-text-container span.room-detail-heading {
  font-weight: 600;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .empty-div {
  display: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .ui-area-btn, body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .events-cal-link {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .ui-area-btn, body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .events-cal-link {
    margin-top: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-details-container {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-details-container .ui-grid-row:nth-child(2) .ui-grid-col-6 {
    width: 50%;
    float: left;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-details-container .well {
  text-align: left !important;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .room-details-container .well .room-img {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .ui-datatable {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .ui-dialog .ui-dialog-content .ui-datatable {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-btn-proceed {
  width: auto;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid h1 {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid h1 {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid h1 {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid h1 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid h1 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid h1 {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid h1 {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid span:first-child {
  font-weight: 600;
  padding-right: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid span:first-child {
    padding-right: 0.1817355747vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid span:nth-child(2) {
  font-weight: normal;
}
@media (max-width: 640px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid span.ui-grid-col-4 {
    width: auto;
    line-height: normal;
    display: block;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid > .ui-grid-row {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid > .ui-grid-row {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid > .ui-grid-row > .ui-grid-col-2 {
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid > .ui-grid-row > .ui-grid-col-2 {
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid > .ui-grid-row > .ui-grid-col-2 {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid > .ui-grid-row > .ui-grid-col-10 {
  width: 100%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid > .ui-grid-row > .ui-grid-col-4 {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid {
    margin-top: 0.726942299vw;
    margin-bottom: 0.5452067242vw;
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0 0rem 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content {
    padding: 0 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content {
    font-size: calc(var(--wc-mobile-font-size) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g {
  flex: 1 0 auto;
  width: calc(50% - 1rem);
  max-width: 100%;
  margin: 0 1rem 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g {
    width: calc(50% - 0.726942299vw);
    margin: 0 0.726942299vw 0.726942299vw 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g {
    width: 100%;
    margin: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g:nth-child(even) {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g:nth-child(even) {
    margin-right: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g:last-of-type, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g:nth-last-of-type(2) {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g:last-of-type, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column {
  border: 1px solid var(--wc-border-color);
  padding: 0;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column {
    padding: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit h2 {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit h2 {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit h2 {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid .ui-area-btn-danger {
  display: flex;
  width: max-content;
  margin-left: auto;
  justify-content: center;
  margin-top: 0;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding: 6px 14px;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid .ui-area-btn-danger {
    margin-top: 0;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.2726033621vw 0.6360745116vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid .ui-area-btn-danger {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row {
  display: flex;
  margin: 0;
  width: 100%;
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row {
    margin: 0;
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.room-right {
  display: inline-block;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.room-right {
    display: block;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.room-right .ui-selectonemenu {
  max-width: 320px;
  width: 320px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.room-right .ui-selectonemenu {
    max-width: 14.5388459791vw;
    width: 14.5388459791vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.room-right .ui-selectonemenu {
    margin-top: 0.5rem;
    max-width: initial;
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.mandatory {
  display: inline-block;
  width: auto;
  background: transparent;
  padding: 0;
  color: var(--danger);
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.mandatory {
    padding: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.ui-icon {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row span.ui-icon {
    padding-right: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row > [class*=ui-grid-col] {
  margin-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row > [class*=ui-grid-col] {
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-datagrid-column .room-chit .ui-grid > .ui-grid-row.room-chit-dotted-row > [class*=ui-grid-col] {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-grid-row:not(.room-chit-dotted-row) {
  background: var(--accordion-headbg-color);
  padding: 0.75rem 0;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  margin: 0 0 0.5rem;
  width: 100%;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-grid-row:not(.room-chit-dotted-row) {
    padding: 0.5452067242vw 0;
    margin: 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-grid-row:not(.room-chit-dotted-row) h2 {
  color: var(--accordion-headtext-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-grid-row:not(.room-chit-dotted-row) h2 {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-grid-row:not(.room-chit-dotted-row) h2 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-grid-row:not(.room-chit-dotted-row) h2 {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-datagrid .ui-datagrid-content > .ui-g .ui-grid-row:not(.room-chit-dotted-row) h2 {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-5 {
  width: max-content;
}
@media (max-width: 640px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-5 {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-2.text-right {
  width: max-content;
  flex-wrap: wrap;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-2.text-right {
    margin-bottom: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-5 span:first-child,
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-2 span:first-child {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 0.5rem;
  display: block;
  width: 100%;
  text-align: left;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-5 span:first-child,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-2 span:first-child {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-5 span:nth-child(2),
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-2 span:nth-child(2) {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  border-top: none;
  width: 100%;
  text-align: left;
  display: block;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-5 span:nth-child(2),
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .ui-grid .ui-grid-col-2 span:nth-child(2) {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:hover, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
    margin-left: 0.3634711495vw;
    margin-right: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn {
    margin-right: 0rem;
    margin-left: 0rem;
    display: block;
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:last-child {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:last-child {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn:last-child {
    margin-right: 0rem;
    margin-left: 0rem;
    display: block;
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn.rooms-book-now-btn {
  background: transparent;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-verify-reservation-container .room-verify-btn.rooms-book-now-btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .heading {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .heading {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .heading {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .heading {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .heading {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .heading {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .heading {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .message {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .message {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid span:first-child {
  font-weight: 600;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container {
    margin-top: 0.726942299vw;
    margin-bottom: 0.726942299vw;
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg {
  width: 100%;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  background: var(--white-color);
  color: var(--wc-font-color);
  padding: 1rem;
  line-height: normal;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--accordion-headtext-color);
  background: var(--accordion-headbg-color);
  padding: 0.75rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  margin: 0 0 0.5rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.5452067242vw;
    margin: 0 0 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-name {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
  padding: 0 0.5rem;
  display: flex;
  justify-content: center;
  margin: 0 auto 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
    padding: 0 0.3634711495vw;
    margin-bottom: 0 auto 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img ~ div {
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 0 0.5rem 0.5rem;
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column .room-cell .room-img ~ div {
    padding: 0 0.3634711495vw 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning:hover, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning:focus {
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning:not([disabled]):not(.disabled):active, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-reservation-confirmation-container .ui-commandlink .ui-area-btn-warning:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .ui-grid-col-6 {
  width: max-content;
}
@media (max-width: 640px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .ui-grid-col-6 {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .ui-grid-col-6 span:first-child {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 0.5rem;
  display: block;
  width: 100%;
  text-align: left;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .ui-grid-col-6 span:first-child {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .ui-grid-col-6 span:nth-child(2) {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  border-top: none;
  width: 100%;
  text-align: left;
  display: block;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .ui-grid-col-6 span:nth-child(2) {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation:hover, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation:focus {
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation:not([disabled]):not(.disabled):active, body.wcprop-2 .RoomsReservation-portlet section.portlet .rooms-reservation-confirmation-container .ui-grid .rooms-create-another-reservation:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12 span [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12 span [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12:nth-child(even) {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .ui-grid-row .ui-grid-col-12:nth-child(even) {
    margin-bottom: 16px;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .ui-panelgrid .ui-panelgrid-content {
  border: none;
  background: transparent;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel h5.heading {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel h5.heading {
    margin-bottom: 0px;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  padding-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.5815538392vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .guest-instruction {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row span {
  flex: 0 0 100%;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  padding: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table {
  width: auto;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
    width: 9.0867787369vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
  width: 120px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
    width: 5.4520672422vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
  margin-right: 0;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-panelgrid.ui-widget .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
    margin-right: 0;
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar {
  position: relative;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar input {
  width: 100%;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-sign-up-panel.ui-grid-col-12 .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-labels,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-labels {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .ui-grid-row,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .ui-grid-row,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .ui-grid-row,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .ui-grid-row {
  align-items: center;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .ui-grid-row,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .ui-grid-row,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .ui-grid-row,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .ui-grid-row {
    display: flex;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row {
  order: 2;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background-color: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover, body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:focus,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:focus {
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active, body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled):active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .gr-clear-form-row a:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .gr-clear-form-row a:hover {
  background-color: var(--danger);
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive {
  width: auto;
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive a,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive a,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive a,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive a {
  margin-top: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-buttons-panel .btn-responsive a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .gr-default-sigin-buttons-panel .btn-responsive a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-buttons-panel .btn-responsive a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .gr-default-sigin-buttons-panel .btn-responsive a {
    display: block;
    margin: 0 0 10px;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .row-fluid,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .row-fluid {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .row-fluid,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .row-fluid {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
  font-size: calc(var(--wc-fs-heading4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc(var(--wc-fs-heading4) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 6) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section h2.heading.guest-login-heading,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section h2.heading.guest-login-heading {
    font-size: calc((var(--wc-fs-heading4) - 9) * 1px);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row {
  flex-wrap: wrap;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: inline-flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0 0 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col .text-bold {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-3.guest-col input,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-3.guest-col input {
  width: 100%;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  align-items: center;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 {
    margin: 0;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
    margin-top: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 a,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 a {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover, body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:focus,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:hover,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:focus {
  text-decoration: none;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled):active, body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled).active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled):active,
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    margin-top: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signup-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password,
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .gr-signin-section .ui-grid-row .ui-grid-col-1 .gr-forgot-password {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .ui-commandlink.gr-fp-cancel {
  margin-right: 0.5rem;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 {
  padding-bottom: 0;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  padding: 0.5rem 0;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table {
  width: auto;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
  text-align: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td {
    width: 9.0867787369vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
  width: 120px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td:first-child {
    width: 5.4520672422vw;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
  margin-right: 0;
  font-size: calc((var(--wc-font-size) + 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid.ui-panelgrid.ui-widget .ui-grid-row .ui-panelgrid-cell.ui-grid-col-6 .ui-grid-row .ui-grid-col-12 .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-12 table tbody tr > td .guest-captcha-refresh {
    margin-right: 0;
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row span {
  flex: 0 0 100%;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
  font-weight: 600;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .gr-label.gr-captcha-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar {
  position: relative;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar input {
  width: 100%;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .guest-registration-panel .forgot-password-card .gr-fp-grid .ui-grid-row .ui-grid-col-12 .ui-calendar.ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col.ui-grid-col-3 {
  display: flex;
  align-items: center;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col label {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col label {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col ~ span {
  padding: 0;
  margin-bottom: 1rem;
  width: 50%;
  display: flex;
}
@media (max-width: 640px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col ~ span {
    width: 100%;
  }
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col ~ span [class*=ui-grid-col] {
  width: 100%;
  padding: 0 0.5rem;
}
body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col ~ span.ui-grid-col-3.rooms-pref-grid-col {
  width: 25%;
}
@media (max-width: 640px) {
  body.wcprop-2 .RoomsReservation-portlet section.portlet .portlet-content-editable .ui-tabs .ui-tabs-panels .ui-tabs-panel .rooms-pref-grid-col ~ span.ui-grid-col-3.rooms-pref-grid-col {
    width: 100%;
  }
}
body.wcprop-2 .wcl-col-9 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3,
body.wcprop-2 .wcl-col-6 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wcl-col-9 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3,
  body.wcprop-2 .wcl-col-6 .RoomsReservation-portlet section.portlet .ui-fluid .rooms-search-result-container .rooms-dg .ui-datagrid-content .ui-g .ui-datagrid-column.ui-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable {
  border: none;
}
@media (max-width: 640px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable table tbody tr {
    border-bottom-color: transparent;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable table tbody tr td {
    display: flex;
    border-bottom: 1px solid var(--wc-border-color);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable table tbody tr td .ui-column-title {
    margin-right: auto;
    min-width: auto;
  }
}
body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable table tbody tr td .ui-commandlink.rrf-folio-details-link {
  display: inline-flex;
  margin: 0;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable table tbody tr td .ui-commandlink.rrf-folio-details-link {
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable table tbody tr td .ui-commandlink.rrf-folio-details-link {
    font-size: calc(var(--wc-mobile-font-size) - 2px);
    padding: 10px;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservations.ui-datatable table tbody tr td .ui-commandlink.rrf-folio-details-link {
    font-size: 0px;
    padding: 0;
    background: transparent;
    color: var(--wc-font-color);
  }
}
body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .ui-commandlink.rrf-back-btn {
  display: inline-flex;
  margin: 0 0 10px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .ui-commandlink.rrf-back-btn {
    margin: 0 0 0.4543389368vw;
  }
}
body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservation-details.ui-datatable {
  border: none;
}
@media (max-width: 640px) {
  body.wcprop-2 .roomsReservationFolio-portlet section.portlet .rrf-container .rrf-reservation-details.ui-datatable table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
body.wcprop-2 .portlet-journal-content-search section.portlet .form-search .taglib-input-search {
  width: 100% !important;
  position: relative;
}
body.wcprop-2 .portlet-journal-content-search section.portlet .form-search .taglib-input-search .search-button {
  margin-left: 1rem;
  height: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-journal-content-search section.portlet .form-search .taglib-input-search .search-button {
    margin-left: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-journal-content-search section.portlet .form-search .taglib-input-search .search-button .btn {
  display: inline-flex;
  align-items: center;
  justify-content: centers;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-10 {
  width: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-10 span.shop-address-instruction {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  line-height: normal;
  padding: 0;
  border: none;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  text-transform: none;
  border-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-10 span.shop-address-instruction {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-10 span.shop-address-instruction {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-10 span.shop-address-instruction {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell.ui-grid-col-2 {
  width: auto;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header {
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 0.8rem;
  border: none;
  font-weight: bold;
  border-radius: 0;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  text-transform: uppercase;
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-header-title {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.5815538392vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button {
  margin: 0 0 0 0.5rem;
  position: relative;
  top: 0;
  color: var(--white-color);
  font-size: calc((var(--wc-font-size) + 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
    margin: 0 0 0 0.3634711495vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button,
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  text-indent: 0;
  text-align: center;
  background: 0;
  display: inline-block;
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button,
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button:hover,
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-next-button:not(.ui-state-disabled):hover,
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-button .ui-carousel-prev-button:not(.ui-state-disabled):hover {
  color: var(--primary-color-hover);
  cursor: not-allowed;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-page-links {
  margin: 0 0.5rem;
  position: relative;
  top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-page-links {
    margin: 0 0.3634711495vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  text-indent: 0;
  text-align: center;
  background: 0;
  display: inline-block;
  font-size: calc((var(--wc-font-size) + 4) * 1px);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
    font-size: calc((var(--wc-font-size) + 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:not(.ui-state-disabled):hover {
  color: var(--primary-color-hover);
  cursor: not-allowed;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport {
  border: none;
  color: var(--white-color);
  padding: 0;
  background: var(--wc-body-bg);
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  left: 0;
  display: flex;
  min-height: 335px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items {
    min-height: 15.2203543844vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 0px;
  padding: 0;
  float: left;
  height: 100%;
  border: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item a:-webkit-any-link:focus-visible {
  outline-offset: 0px;
  outline: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box tbody tr td {
  border-bottom: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box tbody tr td .cart-image {
  width: 30%;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box tbody tr td .cart-image {
    width: 100%;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item table.shop-box tbody tr td label {
  margin: 0;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-footer {
  background: var(--wc-body-bg);
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  display: flex;
  border: 1px solid var(--wc-border-color);
  padding: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-footer {
    padding: 0.5815538392vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-carousel.shopping-cart-payment-carousel.ui-carousel .ui-carousel-footer .info-bar-left {
  margin-right: auto;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .col-cart-image img {
  width: 100%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .col-cart-image img {
    width: 50%;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table {
    width: auto;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr {
    border-bottom-color: transparent;
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-bottom: none;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td .shop-spinner input {
  text-align: left;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td .shop-spinner .ui-spinner-button {
  z-index: 1;
}
@media (max-width: 640px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td.col-cart-image {
    border-top: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td span.col-cart-right {
    font-weight: 600;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td .ui-column-title {
    margin-right: auto;
    text-align: left;
    font-weight: 600;
    min-width: auto;
    padding: 0 0.5rem;
    display: unset;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td .ui-column-title:empty {
    padding: 0;
    min-width: 0;
    margin: 0;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td .cancel-trash .shop-del-icon {
  color: var(--btn-danger);
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td .col-cart-name {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table table tbody tr td .col-cart-name {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .ui-datatable-footer {
  background-color: var(--wc-body-bg);
  padding: 0.8rem;
  border: 1px solid var(--wc-border-color);
  border-top: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .ui-datatable-footer {
    padding: 0.5815538392vw;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .ui-datatable-footer {
    border-top: 1px solid var(--wc-border-color);
    padding: 0.5rem 0.2rem;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .ui-datatable-footer .label-long-recent-acti.label-long-primary {
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .ui-datatable-footer .label-long-recent-acti.label-long-primary {
    padding: 0.5815538392vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-cart-table .ui-datatable-footer .label-long-recent-acti.label-long-primary span.info-bar-left {
  margin-right: auto;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 {
  width: auto;
  margin-left: auto;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button:hover, body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button:focus {
  text-decoration: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button:not([disabled]):not(.disabled):active, body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-3 .shop-previous-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-2,
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-4 {
  width: auto;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-2,
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-4 {
    margin-top: 0.5815538392vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-2.btn-responsive,
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-4.btn-responsive {
  width: max-content;
  flex: initial;
  max-width: initial;
  margin: 1rem 0 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-2.btn-responsive,
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-4.btn-responsive {
    margin: 0.726942299vw 0 0 0;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-2 span.mandatory,
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid .ui-grid-col-4 span.mandatory {
  display: unset;
  padding: 0;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid span {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid span .ui-grid-col-2,
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid span .ui-grid-col-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid span .ui-grid-col-2,
  body.wcprop-2 .shoppingCart-portlet section.portlet .shop-fluid span .ui-grid-col-4 {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet table.grid.shop-comment-grid {
  margin: 0.8rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet table.grid.shop-comment-grid {
    margin: 0.5815538392vw 0;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet table.grid.shop-comment-grid textarea {
  width: 100%;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-desc-dialog.ui-dialog .ui-dialog-titlebar {
  border-left: none;
  border-top: none;
  border-right: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-desc-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-al {
  color: var(--white-color);
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-desc-dialog.ui-dialog .shop-dialog-image {
  width: 100%;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content {
  flex-direction: column;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content hr {
  display: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content span {
  display: flex;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .shop-dialog-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 0 0 1rem 0;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .shop-dialog-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0 0 0.726942299vw 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .shop-dialog-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .shop-dialog-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .cross.scp-approve-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .cross.scp-approve-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .cross.scp-approve-icon {
    top: 10px;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable .ui-dialog-content .ui-grid-col-3.btn-responsive {
  width: auto;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .portlet-msg-error {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .portlet-msg-error {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .shop-ship-button-row .ui-grid-col-2.btn-responsive {
  width: auto;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .g2g-reset-row.text-right {
  display: flex;
  justify-content: flex-end;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table {
  margin: 0.8rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table {
    margin: 0.5452067242vw 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table {
    margin: 0.4rem 0;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr {
  background: var(--wc-body-bg);
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.ui-datagrid-column {
  padding: 0;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td label {
  margin: 0;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .label-danger,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .denied {
  background-color: transparent;
  text-align: center;
  color: var(--btn-danger);
  text-transform: uppercase;
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) - 6) * 1px);
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .label-danger,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .denied {
    font-size: calc((var(--wc-font-size) - 6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner {
  position: relative;
  width: 100%;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a {
  cursor: default;
  font-size: calc(var(--wc-font-size) * 1px);
  height: 50%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a {
    width: 1.590186279vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a {
    position: relative;
    margin: 0 auto;
    width: 35px;
    height: 30px;
    border-radius: 0px !important;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a.g2g-decrease-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a.g2g-decrease-item-btn, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a.g2g-decrease-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span.g2g-decrease-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a.g2g-decrease-item-btn {
  top: 0;
  right: 0;
  left: auto;
  border-radius: 0px var(--borderRadius) 0px 0px;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner a.g2g-increase-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner a.g2g-increase-item-btn, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner a.g2g-increase-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner span.g2g-increase-item-btn,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner a.g2g-increase-item-btn {
  bottom: 0;
  border-radius: 0px 0px var(--borderRadius) 0px;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner input.g2g-item-qty-field,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner input.g2g-item-qty-field, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner input.g2g-item-qty-field,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner input.g2g-item-qty-field {
  width: 100%;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner input.g2g-item-qty-field,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner input.g2g-item-qty-field, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner input.g2g-item-qty-field,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner input.g2g-item-qty-field {
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 0 auto;
    border-radius: 0px !important;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty span.csxtm-spinner i,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-qty div.csxtm-spinner i, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty span.csxtm-spinner i,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemqty div.csxtm-spinner i {
  margin: 0;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-delete {
  text-align: center;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-delete .shop-del-icon {
  margin: 0;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total label.g2g-bu-label {
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount label.g2g-bu-label, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total label.g2g-bu-label {
    display: block;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.col-cart-right {
  float: right;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-itemname span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-unitprice span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-salestax span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-discount span.col-cart-right, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-name, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-price, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-sales-tax, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.g2g-item-discount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-bu-total span.col-cart-right {
    float: none;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-price .g2g-item-price {
  text-align: right;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-price .g2g-item-price span.shop-item-price-amount, body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td.g2g-column-price .g2g-item-price span.shop-item-total-price-amount {
  font-weight: bold;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-btn.shop-back-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-btn.shop-back-btn {
    margin: 0 0 0.4543389368vw 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-btn.shop-back-btn {
    width: 100%;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-10 {
  width: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive .ui-panelgrid-cell.ui-grid-col-2 {
  width: auto;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-address-instruction {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  width: auto;
  margin-right: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-body .g2g-body-wrapper .shop-address-instruction {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  font-weight: bold;
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification {
    font-size: calc((var(--wc-font-size) + 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification {
    font-size: var(--wc-mobile-font-size);
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification .g2g-number-of-items {
  padding: 0 0.5rem;
  color: var(--primary-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-notification .g2g-number-of-items {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar {
  margin-top: 0.8rem;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar {
    margin-top: 0.5815538392vw;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-grand-total {
  font-family: var(--wc-font-family);
  font-size: calc((var(--wc-font-size) + 2) * 1px);
  font-weight: bold;
  color: var(--wc-font-color);
  font-weight: 600;
  width: auto;
  margin-right: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-grand-total {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-grand-total {
    font-size: var(--wc-mobile-font-size);
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar span {
    width: 100%;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-proceed,
body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-delivery-option {
  margin: 0;
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-proceed,
  body.wcprop-2 .shoppingCart-portlet section.portlet .grocery-2go .g2g-footer .g2g-footer-bottom-bar .g2g-delivery-option {
    margin-top: 0.5rem;
    width: 100%;
    display: block;
  }
}
body.wcprop-2 .shoppingCart-portlet section.portlet .g2g-category-items .ui-widget-header {
  background: var(--wc-body-bg);
  color: var(--wc-font-color);
}
body.wcprop-2 .shoppingCart-portlet section.portlet .g2g-category-items.ui-panel .ui-panel-content {
  border: none;
}
body.wcprop-2 .shoppingCart-portlet section.portlet .g2g-min-max-qty-lbl {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .g2g-min-max-qty-lbl {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .shoppingCart-portlet section.portlet .g2g-min-max-qty-lbl {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div {
  background: var(--wc-body-bg);
  padding: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div {
    padding: 1.0904134484vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div .main-heading-title {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-size: var(--wc-fs-heading4);
  color: var(--heading-color4);
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div .main-heading-title {
    font-size: 1.2721490232vw;
    letter-spacing: 0.0363471149vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div .main-heading-title a {
  display: block;
  color: var(--primary-color);
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div .main-heading-title a:hover {
  text-decoration: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div .main-heading-title a:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul {
  width: 100%;
  border: 0;
  position: relative;
  list-style: none;
  padding-left: 0;
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li {
  width: 100%;
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li a {
  background-color: transparent;
  position: relative;
  padding: 0.7rem 0;
  line-height: normal;
  background-position: unset;
  background-image: unset;
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
    padding: 0.5088596093vw 0;
    margin-left: 0.726942299vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li a::before {
  content: var(--arrow-icon-right) !important;
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--secondary-color);
  margin-right: 0.4rem;
  margin-left: -1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li a::before {
    margin-right: 0.2907769196vw;
    margin-left: -0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li a::before {
    margin-right: 0.25rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li a:hover {
  color: var(--primary-color);
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li a:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li ul {
  position: relative;
  left: 0;
  margin: 0;
  z-index: inherit;
  padding-left: 15px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li ul {
    padding-left: 0.6815084053vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .from-layer-two-div ul li ul.MenuBarSubmenuVisible {
  position: relative;
  left: 0;
  margin: 0;
  z-index: inherit;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-div {
  display: block !important;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-div {
    display: none !important;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-div {
  display: none !important;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-div {
    display: block !important;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul {
  width: 100%;
  border: 0;
  position: relative;
  list-style: none;
  margin: 0;
  background: var(--wc-body-bg);
  padding: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul {
    padding: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul {
    padding: 0.8rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li {
  width: 100%;
  clear: both;
  display: block;
  position: relative;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li a,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li a {
  background-color: transparent;
  position: relative;
  padding: 0.7rem 0;
  line-height: normal;
  width: 90%;
  display: block;
  background-position: unset;
  background-image: unset;
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  text-decoration: none;
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li a,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
    padding: 0.5088596093vw 0;
    margin-left: 0.726942299vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li a::before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li a::before {
  content: var(--arrow-icon-right) !important;
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--secondary-color);
  margin-right: 0.4rem;
  margin-left: -1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li a::before {
    margin-right: 0.2907769196vw;
    margin-left: -0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li a::before {
    margin-right: 0.25rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li a:hover,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li a:hover {
  color: var(--primary-color);
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li a:focus,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li a:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li i,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li i {
  display: flex;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  justify-content: flex-end;
  align-items: center;
  bottom: auto;
  width: calc(10% - 10px);
  cursor: pointer;
  padding: 0.7rem 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li i,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li i {
    width: calc(100% - 0.4543389368vw);
    padding: 0.5088596093vw 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li ul {
  position: relative;
  left: 0;
  margin: 0;
  z-index: inherit;
  padding: 0px 0px 0px 1rem;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-accordion-ul li ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-view-ul li ul {
    padding: 0px 0px 0px 0.726942299vw;
  }
}
@media (min-width: 992px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav {
    display: block !important;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul {
  width: 100%;
  border: 0;
  position: relative;
  list-style: none;
  margin: 0;
  background: var(--wc-body-bg);
  padding: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul {
    padding: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul {
    padding: 0.8rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li {
  width: 100%;
  clear: both;
  display: block;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li {
    padding-bottom: 0;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li a {
  background-color: transparent;
  position: relative;
  padding: 0.7rem 0;
  line-height: normal;
  width: 90%;
  display: block;
  background-position: unset;
  background-image: unset;
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
    padding: 0.5088596093vw 0;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li a::before {
  content: var(--arrow-icon-right) !important;
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--secondary-color);
  padding-right: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li a::before {
    padding-right: 0.4543389368vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li a::before {
    padding-right: 4px;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li a:hover {
  color: var(--primary-color);
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li a:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li i {
  display: flex;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  bottom: auto;
  width: calc(10% - 10px);
  cursor: pointer;
  padding: 0.7rem 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li i {
    padding: 0.5088596093vw 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li ul {
  position: relative;
  left: 0;
  margin: 0;
  z-index: inherit;
  padding-left: 15px;
  padding: 0px 0px 0px 15px;
  background: transparent;
  border-left: 4px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .on-hover-sidenav .on-hover-sidenav-menu ul li ul {
    padding: 0px 0px 0px 0.6815084053vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-div,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-div,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-div,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-div,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-div {
  display: block !important;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-div,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-div,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-div,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-div,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-div {
    display: none !important;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul {
  width: 100%;
  border: 0;
  position: relative;
  list-style: none;
  margin: 0;
  background: var(--wc-body-bg);
  padding: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul {
    padding: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul {
    padding: 0.8rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li {
  width: 100%;
  clear: both;
  display: block;
  position: relative;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li a,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li a,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li a,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li a,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li a {
  background-color: transparent;
  position: relative;
  padding: 0.7rem 0;
  line-height: normal;
  width: 100%;
  display: block;
  background-position: unset;
  background-image: unset;
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  text-decoration: none;
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li a,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li a,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li a,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li a,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
    padding: 0.5088596093vw 0;
    margin-left: 0.726942299vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li a::before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li a::before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li a::before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li a::before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li a::before {
  content: var(--arrow-icon-right) !important;
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--secondary-color);
  margin-right: 0.4rem;
  margin-left: -1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li a::before {
    margin-right: 0.2907769196vw;
    margin-left: -0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li a::before {
    margin-right: 0.25rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li a:hover,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li a:hover,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li a:hover,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li a:hover,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li a:hover {
  color: var(--primary-color);
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li a:focus,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li a:focus,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li a:focus,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li a:focus,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li a:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li ul {
  position: relative;
  left: 0;
  margin: 0;
  z-index: inherit;
  padding-left: 15px;
  padding: 0px 0px 0px 15px;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-full-ul li ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-page-ul li ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-ul li ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-session-children-ul li ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-parent-links-ul li ul {
    padding: 0px 0px 0px 0.6815084053vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-div {
  display: block !important;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-div {
    display: none !important;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-div {
  display: none !important;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-div {
    display: block !important;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul {
  width: 100%;
  border: 0;
  position: relative;
  list-style: none;
  margin: 0;
  background: var(--wc-body-bg);
  padding: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul {
    padding: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul {
    padding: 0.8rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li {
  width: 100%;
  clear: both;
  display: block;
  position: relative;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li .fa-angle-double-left:before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li .fa-angle-double-left:before {
  content: var(--arrow-icon-down);
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li .fa-angle-double-right:before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li .fa-angle-double-right:before {
  content: var(--arrow-icon-up);
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a {
  background-color: transparent;
  position: relative;
  padding: 0.7rem 0;
  line-height: normal;
  width: 90%;
  display: block;
  background-position: unset;
  background-image: unset;
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  text-decoration: none;
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
    padding: 0.5088596093vw 0;
    margin-left: 0.726942299vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a span,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a span {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a span,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a::before,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a::before {
  content: var(--arrow-icon-right) !important;
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--secondary-color);
  margin-right: 0.4rem;
  margin-left: -1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a::before {
    margin-right: 0.2907769196vw;
    margin-left: -0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a::before,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a::before {
    margin-right: 0.25rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a:hover,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a:hover {
  color: var(--primary-color);
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li a:focus,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li a:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li i,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li i {
  display: flex;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  bottom: auto;
  width: calc(10% - 10px);
  cursor: pointer;
  padding: 0.7rem 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li i,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li i {
    padding: 0.5088596093vw 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li ul,
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li ul {
  position: relative;
  left: 0;
  margin: 0;
  z-index: inherit;
  padding-left: 15px;
  padding: 0px 0px 0px 15px;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-mobile-custom-accordion-home-ul li ul,
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-accordion-ul li ul {
    padding: 0px 0px 0px 0.6815084053vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-div {
  display: block !important;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-div {
    display: none !important;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul {
  width: 100%;
  border: 0;
  position: relative;
  list-style: none;
  margin: 0;
  background: var(--wc-body-bg);
  padding: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul {
    padding: 1.0904134484vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul {
    padding: 0.8rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li {
  width: 100%;
  clear: both;
  display: block;
  position: relative;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li a {
  background-color: transparent;
  position: relative;
  padding: 0.7rem 0;
  line-height: normal;
  width: 100%;
  display: block;
  background-position: unset;
  background-image: unset;
  font-family: var(--wc-font-family);
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  text-decoration: none;
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    letter-spacing: 0.0363471149vw;
    padding: 0.5088596093vw 0;
    margin-left: 0.726942299vw;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li a::before {
  content: var(--arrow-icon-right) !important;
  font-family: var(--fontawesome-family);
  font-weight: 600;
  color: var(--secondary-color);
  margin-right: 0.4rem;
  margin-left: -1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li a::before {
    margin-right: 0.2907769196vw;
    margin-left: -0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li a::before {
    margin-right: 0.25rem;
  }
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li a:hover {
  color: var(--primary-color);
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li a:focus {
  outline: none;
  box-shadow: none;
}
body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li ul {
  position: relative;
  left: 0;
  margin: 0;
  z-index: inherit;
  padding-left: 15px;
  padding: 0px 0px 0px 15px;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .side-navigation-portlet section.portlet .sidenav-custom-ul li ul {
    padding: 0px 0px 0px 0.6815084053vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .row > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .row > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset.fieldset .fieldset {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset.fieldset .fieldset {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .row-fluid {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .row-fluid {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .form-group {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .form-group {
    margin-bottom: 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .form-group .form-control {
  width: 100%;
  text-align: center;
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .input-checkbox-wrapper label {
  display: flex;
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .input-checkbox-wrapper input {
  height: auto;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .input-checkbox-wrapper input {
    margin-right: 0.3634711495vw;
    transform: scale(1.4);
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha {
  margin: 1em 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha {
    margin: 0.726942299vw 0;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha .captcha {
  display: flex;
  width: 150px;
  height: auto;
  margin-bottom: 1em;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha .captcha {
    width: 6.8150840527vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha .refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha .refresh {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha .refresh a::after {
  content: "\f2f1";
  color: var(--wc-font-color);
  font-family: var(--fontawesome-family);
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .taglib-captcha .refresh a::after {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .help-block {
  color: var(--btn-danger);
  font-size: calc(var(--wc-font-size) * 1px);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .help-block {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-top: 0.3634711495vw;
    margin-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .help-block {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .help-block {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .reference-mark {
  color: var(--btn-danger);
  font-size: 8px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .reference-mark {
    font-size: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form fieldset .reference-mark {
    font-size: 6px;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form .button-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .button-holder {
    margin: 0 0 1.0904134484vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form label {
  cursor: auto;
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form .alert-error,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .alert-danger,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-error {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form .alert .close,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-alert .close,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-error .close,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-help .close,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-info .close,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-progress .close,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-success .close {
  font-size: 14px;
  width: 1rem;
  height: 1.5rem;
  right: 0.5rem;
  top: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .alert .close,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-alert .close,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-error .close,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-help .close,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-info .close,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-progress .close,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-success .close {
    font-size: 0.6360745116vw;
    width: 0.726942299vw;
    height: 1.0904134484vw;
    right: 0.3634711495vw;
    top: 0.5452067242vw;
  }
}
body.wcprop-2 .portlet-login section.portlet .container-fluid form .alert .lead,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-alert .lead,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-error .lead,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-help .lead,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-info .lead,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-progress .lead,
body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-success .lead {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .alert .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-alert .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-error .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-help .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-info .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-progress .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-success .lead {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .alert .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-alert .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-error .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-help .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-info .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-progress .lead,
  body.wcprop-2 .portlet-login section.portlet .container-fluid form .portlet-msg-success .lead {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content {
  flex-direction: column;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row {
  margin-left: 0;
  margin-right: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row textarea {
  width: 100%;
  max-width: 100% !important;
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row textarea {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row label {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid-row label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive {
  width: auto;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no:hover, body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no:focus {
  text-decoration: none;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled):active, body.wcprop-2 .SpaReservation-portlet section.portlet .ui-dialog .ui-dialog-content .ui-grid.ui-grid-responsive .ui-grid-row .ui-grid-col-3.btn-responsive .ui-confirmdialog-no:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-grid-row .ui-grid-col-2.btn-responsive {
  width: auto;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div {
  padding: 5rem 1rem;
  margin-bottom: 0.5rem;
  position: relative;
  border-radius: var(--borderRadius);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div {
    padding: 3.6347114948vw 0.726942299vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top {
  position: relative;
  z-index: 1;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top h1 {
  color: var(--white-color);
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading3) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top h1 {
    font-size: calc(var(--wc-fs-heading3) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top h1 {
    font-size: calc((var(--wc-fs-heading3) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top h1 {
    font-size: calc((var(--wc-fs-heading3) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top h1 {
    font-size: calc((var(--wc-fs-heading3) - 6) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top h1 {
    font-size: calc((var(--wc-fs-heading4) - 8) * 1px);
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content {
  background: transparent;
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell {
  background: transparent;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell label {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell label {
    margin-bottom: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell .ui-inputfield label, body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell .ui-selectonemenu label {
  color: var(--wc-font-color);
  margin-bottom: 0;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell .ui-inputfield label, body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell .ui-selectonemenu label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid .main-spa-div .spa-margin-top .ui-grid-responsive .btn-responsive {
  width: auto;
}
body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid table label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .ui-fluid table label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .spa-available-times .ui-datatable-reflow {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .spa-available-times .ui-datatable-reflow {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .card {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  box-shadow: none;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .SpaReservation-portlet section.portlet .card {
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .SpaReservation-portlet section.portlet .card .ui-commandlink {
  display: inline-flex;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panel .ui-panel-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panel .ui-panelgrid-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panel .ui-datalist-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panel .ui-panelgrid-cell,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-datalist .ui-panel-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-datalist .ui-panelgrid-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-datalist .ui-datalist-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-datalist .ui-panelgrid-cell,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
  border: transparent;
  padding: 0;
  background: transparent;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio {
  border-top: 1px solid var(--wc-border-color);
  border-radius: none;
  padding: 0.5rem 0;
  background: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 {
  padding-left: 0;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton {
    margin-right: 0.4543389368vw;
    width: 0.726942299vw;
    height: 0.726942299vw;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton .ui-radiobutton-box {
  width: 16px;
  height: 16px;
  border: 1px solid var(--wc-border-color);
  background-color: transparent;
  text-align: center;
  position: relative;
  border-radius: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton .ui-radiobutton-box {
    width: 0.726942299vw;
    height: 0.726942299vw;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    margin-left: -0.1817355747vw;
    margin-top: -0.1817355747vw;
    width: 0.3634711495vw;
    height: 0.3634711495vw;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton .ui-radiobutton-box .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: var(--primary-color);
  background-color: transparent;
  color: var(--white-color);
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g .ui-g-12.ui-md-12 .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
  background-color: var(--primary-color);
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g label {
  vertical-align: top;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  margin-left: 0rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .ui-panelgrid.ui-widget.ms-grid .ui-panelgrid-content.ui-widget-content .ui-g .ui-selectoneradio .ui-g label {
    margin-left: 0vw;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet table tbody tr:nth-child(odd) {
  background: transparent;
}
body.wcprop-2 .StatementSettings-portlet section.portlet table tbody tr:nth-child(odd) td {
  border: none;
}
body.wcprop-2 .StatementSettings-portlet section.portlet table tbody tr:nth-child(odd) td:empty {
  padding: 0;
}
body.wcprop-2 .StatementSettings-portlet section.portlet table .ui-g .ui-selectbooleancheckbox {
  display: inline-flex;
  height: auto;
}
body.wcprop-2 .StatementSettings-portlet section.portlet table .ui-g .ui-selectbooleancheckbox.ui-chkbox {
  vertical-align: sub;
  margin-left: 1.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet table .ui-g .ui-selectbooleancheckbox.ui-chkbox {
    margin-left: 0.9086778737vw;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .ui-commandlink.ui-widget.ui-area-btn.ui-area-btn-success, body.wcprop-2 .StatementSettings-portlet section.portlet .ui-commandlink.ui-widget.ui-area-btn-success.events-cal-link {
  display: inline-block;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels {
  color: var(--wc-font-color);
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row {
    margin-top: 0.3634711495vw;
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 .ui-editor {
  width: 100% !important;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 .ui-editor .ui-editor textarea {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 .ui-editor .ui-editor textarea {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 .ui-editor .ui-editor textarea {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 .ui-editor .ui-editor textarea {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 .ui-editor iframe {
  width: 100% !important;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 .ui-selectbooleancheckbox {
  display: inline-flex;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 input {
  width: 100% !important;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 ~ span {
  width: 33.33333333%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 ~ span {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media only screen and (max-width: 640px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 ~ span {
    width: 100%;
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row .ui-grid-col-4 ~ span .ui-grid-col-4 {
  width: 100%;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-tabs-panel .ui-grid-row:last-of-type {
  margin-bottom: 0;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels label.ui-outputlabel.ui-widget.pref-heading {
  font-size: calc(var(--wc-font-size) * 1px);
  text-transform: uppercase;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels label.ui-outputlabel.ui-widget.pref-heading {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels label.ui-outputlabel.ui-widget.pref-heading {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels label.ui-outputlabel.ui-widget.pref-heading {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-grid-col-6 .statement-settings-conf-merge-field-name {
  line-height: 1.7;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form .ui-tabs.ui-widget-content .ui-tabs-panels .ui-grid-col-6 .statement-settings-conf-merge-field-def {
  line-height: 1.7;
}
body.wcprop-2 .StatementSettings-portlet section.portlet .portlet-content-editable form hr {
  display: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet {
  font-family: var(--wc-font-family);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row {
  display: flex;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates select {
  height: calc(var(--field-height) * 1px);
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
  border-radius: var(--borderRadius) !important;
  font-family: var(--wc-font-family);
  background-color: var(--white-color);
  display: flex;
  align-items: center;
  position: relative;
  color: var(--wc-font-color);
  background: var(--white-color);
  width: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates select {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates select {
    width: 60%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates select {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
    width: 100%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates select {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin: 0 8px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button:hover,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button:hover, body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button:focus,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button:hover,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button:focus {
  text-decoration: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button:not([disabled]):not(.disabled):active, body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button:not([disabled]):not(.disabled).active,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button:not([disabled]):not(.disabled):active,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    margin: 0 0.3634711495vw 0 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    margin: 0 0.25rem 0 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button i,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button i {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button i,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button i {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button i.stmt-next,
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button i.stmt-next {
  margin: 0 4px 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button i.stmt-next,
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-next-button i.stmt-next {
    margin: 0 0.1817355747vw 0 0;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button i.stmt-next {
  margin: 0 0 0 4px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-previous-button i.stmt-next {
    margin: 0 0 0 0.1817355747vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .ui-area-btn-statement {
  padding: 4px 8px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .ui-area-btn-statement {
    padding: 0.1817355747vw 0.3634711495vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .ui-area-btn-statement:hover {
  background: var(--secondary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0 0.5rem 0 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button:hover, body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button:focus {
  text-decoration: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button:not([disabled]):not(.disabled):active, body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    margin: 0 0.3634711495vw 0 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    margin: 0 0.25rem 0 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button.ui-area-btn-statement-active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statement-dates .ss-statement-navigate .stmt-info-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-make-payment-btn {
  display: flex;
  margin-left: auto;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-make-payment-btn {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-make-payment-btn {
    width: auto;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn {
  display: flex;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn {
    width: auto;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  margin: 0.5rem 0 0;
  display: inline-flex;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a:hover, body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a:focus {
  text-decoration: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a:not([disabled]):not(.disabled):active, body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
    margin: 0.3634711495vw 0 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a {
    width: 100%;
    display: block;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a .stmt-print-button {
  padding: 0;
  color: inherit;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a .stmt-print-button.ui-area-btn-print {
  background: transparent;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button .statement-print-btn a .stmt-print-button.ui-area-btn-print:hover {
  background: transparent;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button i {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .payment-button i {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panel .ui-panel-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panel .ui-panelgrid-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panel .ui-datalist-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panel .ui-panelgrid-cell,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datalist .ui-panel-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datalist .ui-panelgrid-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datalist .ui-datalist-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datalist .ui-panelgrid-cell,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panel-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panelgrid-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-datalist-content,
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panelgrid-cell {
  border: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet label.main-label {
  font-family: var(--wc-font-family);
  margin: 0.5rem 0;
  font-size: calc(var(--wc-fs-heading5) * 1px);
  border: transparent;
  padding: 0px;
  text-transform: unset;
  color: var(--heading-color5);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet label.main-label {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet label.main-label {
    font-size: calc((var(--wc-fs-heading5) - 7) * 1px);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table {
  margin-bottom: 10px;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table {
    margin-bottom: 0.4543389368vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-reflow {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-reflow {
    margin-bottom: 0;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td .label-custom {
  margin: 0;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a {
  color: var(--primary-color);
  transition: 0.3s all;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a {
    transition: none;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a {
    font-size: calc(var(--wc-mobile-font-size) - 4px);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a .cancel-trash {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin-left: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a .cancel-trash {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-left: 0.2271694684vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a .cancel-trash {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td a .cancel-trash {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td.amount-position, body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr > td.heading-position {
  text-align: right;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table .ui-datatable-data > tr .ui-datatable-even {
  background: transparent;
}
@media only screen and (min-width: 200px) and (max-width: 640px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table.ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) {
    text-align: left;
    clear: both;
    display: flex;
    border-bottom: 1px solid var(--wc-border-color);
  }
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table.ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden):last-child {
    border-bottom: none;
  }
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table.ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) .ui-column-title {
    font-size: var(--wc-mobile-font-size);
    font-family: var(--wc-font-family);
    color: var(--wc-font-color);
    padding: 0 0.8em;
    margin-right: auto;
  }
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table.ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) .amount-position {
    font-size: calc(var(--wc-font-size) * 1px);
    font-family: var(--wc-font-family);
    color: var(--wc-font-color);
    text-align: right;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 200px) and (max-width: 640px) and (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table.ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) .amount-position {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media only screen and (min-width: 200px) and (max-width: 640px) and (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table.ui-datatable-reflow .ui-datatable-data td[role=gridcell]:not(.ui-helper-hidden) .amount-position {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 373.99px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable.stmt-table table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-footer {
  padding: 8px;
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
  background: transparent;
  border: 1px solid var(--wc-border-color);
  border-top: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-footer {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-footer {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-footer .row-fluid {
  display: flex;
  clear: both;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-footer .row-fluid .info-bar-left {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: left;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-footer .row-fluid .info-bar-right {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-8,
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-9,
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-3 {
    width: auto;
    float: none;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-8,
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-9,
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-3 {
    width: 100%;
    float: none;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-8.text-right.payment-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-9.text-right.payment-button,
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-grid-row .ui-grid-col-3.text-right.payment-button {
    margin-left: auto;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statements-table {
  margin-top: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .statements-table {
    margin-top: 0.4543389368vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .statements-table .table-bordered {
  border: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .stmt-message {
  font-weight: 600;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .stmt-message {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content {
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: transparent;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel {
  border: none;
  padding: 0;
  position: relative;
  width: 100%;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .chit-heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid {
  padding: 0 0.75rem 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid {
    padding: 0 0.5452067242vw 0.5452067242vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit .ui-panelgrid .chit-text {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table {
  margin: 0.75rem;
  border: none;
  width: calc(100% - 1.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table {
    margin: 0.5452067242vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .print-chit table th {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel label {
  margin: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel label {
    margin: 0 0.5452067242vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button > div {
  width: auto;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  text-decoration: none;
  margin: 0 0 0.75rem;
  display: inline-flex;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:hover, body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:focus {
  text-decoration: none;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled):active, body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .print-button {
    margin: 0 0 0.5452067242vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn, body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link {
  display: flex;
  align-items: center;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .ui-area-btn i, body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .hide-print-button .events-cal-link i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin {
  width: auto;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
  display: flex;
  align-items: center;
  margin: 0 0 0.75rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger {
    margin: 0 0 0.5452067242vw 0.3634711495vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .no-margin .ui-area-btn-danger i {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
  display: block;
  padding: 0 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel > .row-fluid {
    padding: 0 0.5452067242vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
  right: 2rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .rc-icon.hide-print-button {
    right: 1.4538845979vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .table-hover tbody tr:hover {
  background-color: transparent;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable h3 {
  margin-top: 30px;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .row-fluid .ui-grid-col-12 {
  margin-bottom: 30px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .row-fluid .ui-grid-col-12 {
    margin-bottom: 1.3630168105vw;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row {
  margin-bottom: 0.8rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row {
    margin-bottom: 0.5452067242vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select,
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input {
  background: transparent;
  padding: 0.5rem;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  font-size: calc(var(--wc-font-size) * 1px);
  height: calc(var(--field-height) * 1px);
  line-height: normal;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select,
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select,
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select,
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select .ui-selectcheckboxmenu-label-container,
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input .ui-selectcheckboxmenu-label-container {
  height: 100%;
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label,
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
  margin-bottom: 0;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label,
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label,
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label,
  body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s,
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell select .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s::before,
body.wcprop-2 .StatementSummary-portlet section.portlet .portlet-content-editable .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell input .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s::before {
  content: var(--arrow-icon-down);
  font-weight: 600;
}
body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet,
body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet {
  font-family: var(--wc-font-family);
}
body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title,
body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title {
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title,
  body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title,
  body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 373.99px) {
  body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title,
  body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet .ui-datatable thead th .ui-column-title {
    display: block;
    font-weight: 600;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-data > tr > td a .cancel-trash,
  body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet .ui-datatable .ui-datatable-data > tr > td a .cancel-trash {
    font-size: calc((var(--wc-font-size) - 5) * 1px);
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet .payment-button .statement-make-payment-btn,
  body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet .payment-button .statement-make-payment-btn {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .wcl-col-9 .StatementSummary-portlet section.portlet .payment-button .statement-make-payment-btn,
  body.wcprop-2 .wcl-col-6 .StatementSummary-portlet section.portlet .payment-button .statement-make-payment-btn {
    width: auto;
  }
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav {
  background: var(--primary-color);
  height: auto;
  min-height: 60px;
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav {
    min-height: 2.7260336211vw;
  }
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .container {
  height: 100%;
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child {
  list-style: none;
  background: transparent;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  min-height: 60px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child {
    min-height: 2.7260336211vw;
  }
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li {
  display: inline-flex;
  height: 100%;
  min-height: 60px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li {
    min-height: 2.7260336211vw;
  }
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li a {
  height: 100%;
  line-height: normal;
  float: initial;
  display: flex;
  padding: 0.75rem;
  color: var(--btn-text-color);
  align-items: center;
  position: relative;
  min-height: 60px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li a {
    min-height: 2.7260336211vw;
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li.selected-li-bg, body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li:hover {
  background: transparent;
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li.selected-li-bg a, body.wcprop-2 .sub-navigation-portlet section.portlet .sub-nav .nav-child li:hover a {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sidenav-mobile-view-div {
  background: var(--primary-color);
  height: auto;
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
  width: 100%;
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sidenav-mobile-view-div a {
  height: 100%;
  line-height: normal;
  float: initial;
  display: flex;
  padding: 1rem 0.75rem;
  color: var(--btn-text-color);
  align-items: center;
  position: relative;
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sidenav-mobile-view-div a i {
  margin-left: auto !important;
}
body.wcprop-2 .sub-navigation-portlet section.portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul {
  list-style: none;
  padding: 0;
  text-align: left;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panelgrid .ui-panelgrid-cell {
  padding: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panelgrid .ui-panelgrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panelgrid .ui-panelgrid-content {
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .display-flex {
  display: flex;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 {
    padding: 0 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 {
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block {
  display: inline-flex !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectcheckboxmenu {
  width: 100%;
  max-width: 220px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectcheckboxmenu {
    max-width: 9.9954566106vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectcheckboxmenu {
    max-width: 160px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectcheckboxmenu {
    max-width: 252px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectcheckboxmenu {
    max-width: 200px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectcheckboxmenu {
    max-width: initial;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  padding-right: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectonemenu {
  width: 100%;
  max-width: 220px;
  margin: 0 0.65rem 0 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectonemenu {
    margin: 0 0.4725124943vw 0 0.726942299vw;
    max-width: 9.9954566106vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectonemenu {
    max-width: 160px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectonemenu {
    max-width: 252px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectonemenu {
    max-width: 200px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.ui-selectonemenu {
    max-width: initial;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div {
  width: 20%;
  max-width: 220px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div {
    max-width: 9.9954566106vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div {
    max-width: 160px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div {
    max-width: 252px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div {
    max-width: 200px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div {
    width: 100%;
    max-width: initial;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div .ui-calendar {
  width: 100%;
  position: relative;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div .ui-calendar input {
  width: 100%;
  padding-right: 40px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div .ui-calendar input {
    padding-right: 1.8173557474vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.tee-time-calendar-div .ui-calendar .ui-datepicker-trigger {
  position: absolute;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div {
  width: 20%;
  max-width: 220px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div {
    max-width: 9.9954566106vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div {
    max-width: 160px;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div {
    max-width: 252px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div {
    max-width: 200px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div {
    width: 100%;
    max-width: initial;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div .ui-selectonemenu {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.holes-selection-div .ui-selectonemenu {
    margin: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV {
  margin-left: auto;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV {
    margin-top: 0px;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink:hover, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.printDIV .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV {
    margin-top: 0px;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink:hover, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-grid .span12 .inline-block.legendsDIV .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton {
  display: flex;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button {
  flex: 1 0 auto;
  max-width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--wc-font-color);
  border-color: var(--wc-border-color);
  border-right: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button {
    height: 2.2716946842vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button {
    height: 40px;
    padding: 2px;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button:last-child {
  border-right: 1px solid var(--wc-border-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button.ui-state-active, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .ui-tabs .ui-navbar fieldset .ui-selectonebutton .ui-button .ui-button-text {
  padding: 0;
  pointer-events: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  padding-right: 1rem;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots {
    margin-top: 0.726942299vw;
    margin-bottom: 0.726942299vw;
    padding-right: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots:last-of-type {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots:last-of-type {
    padding-right: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .heading-height {
  font-size: calc(var(--wc-font-size) * 1px);
  margin-bottom: 0.25rem;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .heading-height {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.1817355747vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .heading-height {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .heading-height {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .tee-subheading {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .tee-subheading {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .tee-subheading {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .tee-subheading {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-subh-p {
  line-height: normal;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-blocked-status {
  margin-bottom: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-time-div {
  padding: 1rem;
  min-width: 140px;
  max-width: 140px;
  display: flex;
  justify-content: center;
  margin-right: 1rem;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-time-div {
    padding: 0.726942299vw;
    min-width: 6.3607451159vw;
    max-width: 6.3607451159vw;
    margin-right: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .time-div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .time-div .fa-clock {
  font-family: var(--fontawesome-family);
  display: inline-block;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .time-div .fa-clock::before {
  content: var(--clock-icon);
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .time-div .fa-clock {
    font-size: calc(var(--wc-mobile-font-size) - 2px);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .time-div .custom-time-label {
  font-weight: normal;
  margin-bottom: 0;
  width: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .time-div .custom-time-label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-collapsible-heading {
  border-bottom: 1px solid var(--wc-border-color);
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-collapsible-heading {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.25rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div {
    padding: 0.1817355747vw 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row {
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid var(--wc-border-color);
  padding: 0 0 0.25rem;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row {
    margin: 0;
    padding: 0 0 0.1817355747vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row:last-child {
    padding-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row .teetime-left-col {
  border: none !important;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row .teetime-left-col .tees-status-label {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row .teetime-left-col .tees-status-label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .custom-dt-status-div .custom-dt-status-row .teetime-right-col {
  border: none !important;
  justify-content: flex-end;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .available-square {
  background: green;
  width: 20px;
  height: 15px;
  display: inline-flex;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .available-square {
    width: 0.9086778737vw;
    height: 0.6815084053vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-outputlabel {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.75rem;
  margin-bottom: 0;
  height: max-content;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-outputlabel {
    padding: 0.5452067242vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-outputlabel.course-msg {
  background: transparent;
  padding: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-outputlabel.course-msg {
    padding: 0.726942299vw 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
  color: var(--wc-font-color);
  background-color: var(--white-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content {
    padding: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content {
    padding: 0.3rem;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item {
  border: 0 none;
  border-bottom: 1px solid var(--wc-border-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.5rem;
  margin-right: 1rem;
  min-width: 140px;
  max-width: 140px;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a {
    padding: 0.5452067242vw 0.3634711495vw;
    margin-right: 0.726942299vw;
    min-width: 6.3607451159vw;
    max-width: 6.3607451159vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a {
    margin-right: 0.3rem;
    min-width: 90px;
    max-width: 90px;
    padding: 0.3rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a {
    margin-right: 0.3rem;
    min-width: 94px;
    max-width: 94px;
    padding: 0.3rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a {
    margin-right: 0.5rem;
    min-width: 105px;
    max-width: 105px;
    padding: 0.5rem;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a .ui-bar .ui-btn-inline {
  margin-bottom: 0;
  font-weight: normal;
  padding-left: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a .ui-bar .ui-btn-inline {
    margin-bottom: 0;
    padding-left: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a .ui-bar .ui-btn-inline {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a .ui-bar .ui-btn-inline {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a label {
  margin-bottom: 0;
  font-weight: normal;
  padding-left: 0.5rem;
  width: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a label {
    margin-bottom: 0;
    padding-left: 0.3634711495vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex > .ui-block-a label {
    padding-left: 0.2rem;
    letter-spacing: 0px;
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd-disabled {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd-disabled {
    padding: 0.1817355747vw 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd-disabled .ui-block-a {
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd-disabled .ui-block-a {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: auto;
  padding: 0.25rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd {
    padding: 0.1817355747vw 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd.border-left {
  border-left: none !important;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .slot-area .slot-link {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .slot-area .slot-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .slot-area .slot-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .slot-area .slot-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .slot-area .slot-link:hover, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .slot-area .slot-link:focus {
  text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .custom-res-btn-div a {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .custom-res-btn-div a {
    margin-top: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .btn-reserve-area .custom-res-btn {
  background: var(--primary-color);
  margin-top: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .btn-reserve-area .custom-res-btn:hover {
  background: var(--primary-color-hover);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton {
    padding-right: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-corner-left {
  border-radius: var(--BtnborderRadius) 0 0 var(--BtnborderRadius);
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-corner-left {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-corner-left {
    padding: 10px 20px;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-corner-left {
    padding: 10px 20px;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-corner-right {
  border-radius: 0 var(--BtnborderRadius) var(--BtnborderRadius) 0;
  border-left: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button .ui-button-text {
  padding: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button .ui-icon-check {
  display: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only {
  width: 28px;
  position: relative;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only {
    width: 1.2721490232vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only {
    padding-right: 6px;
    padding-left: 6px;
    width: 25px;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only {
    padding: 10px 20px;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only {
    padding: 10px 20px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only span.ui-icon-triangle-1-s {
    font-size: var(--wc-mobile-font-size);
    line-height: normal;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only span.ui-icon-triangle-1-s {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only span.ui-icon-triangle-1-s {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .rwd .custom-slot-div .cons-res-div .ui-splitbutton .ui-button.ui-button-icon-only .ui-button-text {
  text-indent: -9999999px;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b {
    padding: 0.3634711495vw 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 {
  flex: 1 1 auto;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--wc-border-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4:last-child {
  border-right: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar {
  width: 100%;
  text-align: center;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name span {
  font-size: calc(var(--wc-font-size) * 1px);
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name span {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name span {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .lot-player-resource {
  order: 3;
  font-weight: normal;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .resource-img {
  max-width: 60px;
  margin-bottom: 0.25rem;
  order: 1;
  height: max-content;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .resource-img {
    width: 2.7260336211vw;
    padding-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-free-slot-link {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-free-slot-link {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-free-slot-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-free-slot-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-res-name-link,
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-tbd-link {
  font-size: calc(var(--wc-font-size) * 1px);
  width: 100%;
  margin-bottom: 0.25rem;
  order: 2;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-res-name-link,
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-tbd-link {
    margin-bottom: 0.1817355747vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-res-name-link,
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-tbd-link {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-res-name-link,
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-tbd-link {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-res-name-link .resource-img,
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-tbd-link .resource-img {
  width: 40px;
  height: 25px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-res-name-link .resource-img,
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b .teetime-player-col-4 .ui-bar .member-name .custom-tbd-link .resource-img {
    width: 1.8173557474vw;
    height: 1.1358473421vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b.multiple-courses-height-4 .teetime-player-col-4 {
  border-bottom: 1px solid var(--wc-border-color);
  border-right: 1px solid var(--wc-border-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b.multiple-courses-height-4 .teetime-player-col-4:nth-child(3),
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b.multiple-courses-height-4 .teetime-player-col-4 :nth-child(4) {
  border-bottom: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-controlgroup-controls .display-flex .ui-block-b .ui-grid-b.multiple-courses-height-4 .teetime-player-col-4:nth-child(even) {
  border-right: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .custom-tees-div .custom-tee-div {
  border-bottom: 1px solid var(--wc-border-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .custom-tees-div .custom-tee-div:last-child {
  border-bottom: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .display-flex {
  display: flex;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .ui-collapsible .ui-collapsible-heading .ui-collapsible-heading-toggle .display-flex .rwd-doubletees {
  align-items: center;
  display: flex;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .weather-div {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .weather-div {
    padding: 0.726942299vw 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .weather-div img {
  width: 30px;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .weather-div img {
    width: 1.3630168105vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .weather-div span {
  line-height: normal;
  padding-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-panel-wrapper .teeTimeContent .tee-sheet .courseViewsDIV .courseSlots .weather-div span {
    padding-right: 0.2271694684vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .tee-sheet .course-views-scroll .ui-fluid .ui-panelgrid .ui-panelgrid-content {
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .tee-sheet .course-views-scroll .ui-fluid .ui-panelgrid .ui-panelgrid-content {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .tee-sheet .course-views-scroll .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .legend-square {
  width: 1rem;
  height: 1rem;
  border-radius: 2px;
  margin: 0 auto 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .tee-sheet .course-views-scroll .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .legend-square {
    width: 0.726942299vw;
    height: 0.726942299vw;
    border-radius: 0.0908677874vw;
    margin: 0 auto 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .tee-sheet .courseViewsDIV .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .tee-sheet .courseViewsDIV .ui-datagrid .ui-datagrid-content {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell[class*=ui-grid-col] {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell[class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell[class*=ui-grid-col].ui-grid-col-3 {
  background: transparent;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell [class*=-label-div] .inline-block {
  width: 100%;
  font-weight: normal;
  margin-bottom: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell [class*=-label-div] .inline-block.font-bold {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell [class*=-label-div] .inline-block.font-bold {
    letter-spacing: 0.0363471149vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell [class*=-label-div] .inline-block:not(.font-bold) {
  height: calc(var(--field-height) * 1px);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  background: var(--wc-body-bg);
  pointer-events: none;
  user-select: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell [class*=-label-div] .inline-block:not(.font-bold) {
    padding: 0.3634711495vw;
    height: calc(var(--field-height) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .holes-sel-div {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .holes-sel-div .inline-block.font-bold {
  font-weight: bold;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .holes-sel-div .inline-block.font-bold {
    letter-spacing: 0.0363471149vw;
    margin-bottom: 0.3634711495vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .inline-block {
  font-weight: bold;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  margin-bottom: 0.5rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .inline-block {
    letter-spacing: 0.0363471149vw;
    margin-bottom: 0.3634711495vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton {
  display: flex;
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button {
  background: transparent;
  border: 1px solid var(--wc-border-color);
  color: var(--wc-font-color);
  border-radius: var(--borderRadius);
  border-right: none;
  padding: 14px 20px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button {
    padding: 0.6360745116vw 0.9086778737vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:last-child {
  border-right: 1px solid var(--wc-border-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:last-child.ui-state-active, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:last-child:hover {
  border-color: var(--primary-color-hover);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button.ui-state-active, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button:hover {
  background: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
  color: var(--bg-text-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button .ui-button-text {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .ui-selectonebutton .ui-button .ui-button-text {
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area {
  display: flex;
  margin-left: auto;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-top: 0;
  display: flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a:hover, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a:focus {
  text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a:not([disabled]):not(.disabled):active, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a label {
  color: var(--btn-text-color);
  margin-bottom: 0;
  pointer-events: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .players-sel-div .uselastplay-area a label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > .ui-grid-row {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > .ui-grid-row {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > .ui-grid-row [class*=ui-grid-col] [class*=ui-grid-col] {
  font-weight: 600;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > .ui-grid-row [class*=ui-grid-col] [class*=ui-grid-col] .ui-selectonemenu {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > .ui-grid-row [class*=ui-grid-col] [class*=ui-grid-col] .ui-selectonemenu {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div ~ span {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div ~ span {
    margin-top: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span {
    margin-top: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span {
    margin-top: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span label {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span.ui-fluid .ui-datagrid {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span.ui-fluid .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
  color: var(--wc-font-color);
  background: var(--white-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span.ui-fluid .ui-datagrid .ui-datagrid-content {
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span.ui-fluid .ui-datagrid .ui-datagrid-content .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span.ui-fluid .ui-datagrid .ui-datagrid-content .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span.ui-fluid .ui-datagrid .ui-datagrid-content .ui-g > .ui-datagrid-column {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content > span.ui-fluid .ui-datagrid .ui-datagrid-content .ui-g > .ui-datagrid-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div {
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div table {
  table-layout: auto;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .player-info-label {
  font-size: calc(var(--wc-fs-heading5) * 1px);
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .player-info-label {
    font-size: calc(var(--wc-fs-heading5) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column > div, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column > span {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column > div, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column > span {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid {
  width: 100%;
  margin: 0;
  background: transparent;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid > .ui-grid-row {
  width: 100%;
  margin: 0 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid > .ui-grid-row {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive {
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive > .inline-block {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive > .inline-block {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive > .inline-block .ui-selectonemenu {
  max-width: 50%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive > .inline-block .inline-block {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive > .inline-block .inline-block {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive > .inline-block .inline-block {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .btn-responsive > .inline-block .inline-block {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-grid .ui-datatable .ui-datatable-tablewrapper {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column > div {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column > div {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .timePriority {
  margin: 0 0 0.5rem;
  font-family: var(--wc-font-family);
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .timePriority {
    margin: 0 0 0.3634711495vw;
    font-size: calc(var(--wc-font-size) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .timePriority {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-fluid .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .timePriority {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .btn-responsive > .inline-block {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .btn-responsive > .inline-block {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .btn-responsive > .inline-block .inline-block {
  padding-right: 5px;
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .btn-responsive > .inline-block .inline-block {
    padding-right: 0.2271694684vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td .player-no-label {
  display: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div {
  display: inline-block;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div .remove-player {
  color: var(--danger);
  transition: 0.2s color;
  will-change: color;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div .remove-player {
    transition: none;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div .remove-player:hover {
  color: #cf0000;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div a {
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div a {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div a i {
  margin-right: 0;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div a i {
    margin-right: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div a i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNoLabelColumn .player-actions-div a i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div {
  display: flex;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-autocomplete {
  margin-right: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-autocomplete {
    margin-right: 0.5452067242vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink {
  width: max-content;
  white-space: nowrap;
  margin: 0;
  display: flex;
  align-items: center;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink {
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink.highlight-guest-btn {
  background: var(--success);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink.highlight-guest-btn:hover {
  background: #136828;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink.player-type-tbd {
  background: transparent;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column .ui-datatable .ui-datatable-tablewrapper table tbody tr td.playerNameCol > div .ui-commandlink.player-type-tbd:hover {
  background: var(--secondary-color);
  color: var(--btn-text-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel {
  background: var(--white-color);
  padding: 0.5rem;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .add-buddy-panel .buddy-wizard-buddy-action {
  width: max-content;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel {
    margin-top: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .ui-panel-titlebar {
  padding: 0.75rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .ui-panel-titlebar {
    padding: 0.5452067242vw 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .ui-panel-titlebar .ui-panel-title .ui-selectbooleancheckbox {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .ui-panel-titlebar .ui-panel-title .ui-selectbooleancheckbox {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .ui-panel-content {
  border: 1px solid var(--wc-border-color);
  padding: 0;
  border-top: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .buddy-wizard-buddies .buddy-row {
  display: flex;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .buddy-wizard-buddies .buddy-row {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .buddy-wizard-buddies .buddy-row > a {
  margin-left: 0.5rem;
  font-size: calc((var(--wc-font-size) - 2) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .buddy-wizard-buddies .buddy-row > a {
    margin-left: 0.3634711495vw;
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .buddy-wizard-buddies .buddy-row > a.remove-buddy {
  margin-left: auto;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .player-info-div .buddies-panel .buddy-wizard .buddy-wizard-buddies-panel .buddy-wizard-buddies .buddy-row > a.remove-buddy:hover {
  color: var(--danger);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable {
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content {
  border: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  color: var(--wc-font-color);
  background: var(--white-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g {
  width: max-content;
  max-width: calc(14.285% - 0.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g {
    width: calc(14.285% - 0.3634711495vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g > .ui-datagrid-column:not(:empty) {
  margin: 0 0.5rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g > .ui-datagrid-column:not(:empty) {
    margin: 0 0.3634711495vw 0 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column {
  width: 100%;
  flex: 0 0 auto;
  background: var(--wc-body-bg);
  padding: 0.5rem;
  border-radius: var(--borderRadius);
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column label {
  width: 100%;
  font-size: calc(var(--wc-font-size) * 1px);
  order: 2;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column label {
    margin-bottom: 0;
    margin-top: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column img {
  margin: 0;
  max-width: 210px;
  height: 210px;
  width: 100%;
  order: 1;
  max-height: 210px;
  object-fit: cover;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .picturesTable .ui-datagrid-content .ui-g .ui-datagrid-column .ui-datagrid-column img {
    max-width: 9.5411176738vw;
    margin: 0;
    height: 9.5411176738vw;
    max-height: 9.5411176738vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV {
  border-top: 1px solid var(--wc-border-color);
  padding-top: 1rem;
  margin-top: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV {
    padding-top: 0.726942299vw;
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV .ui-grid-responsive .btn-responsive {
  width: auto;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV .ui-grid-responsive .btn-responsive .ui-area-btn-secondry {
  background: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV .ui-grid-responsive .btn-responsive .ui-area-btn-secondry:hover {
  background: var(--primary-color);
  color: var(--btn-text-color);
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV .heading-notes-area label {
  background: var(--accordion-headbg-color);
  width: 100%;
  margin-bottom: 0;
  padding: 0.75rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  border: 1px solid var(--wc-border-color);
  border-bottom: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV .heading-notes-area label {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .notesDIV .heading-notes-area textarea {
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  border-top: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .time-left-area {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .time-left-area {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .time-left-area .mandatory {
  padding-left: 0;
  padding-right: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .time-left-area .mandatory {
    padding-right: 0.1363016811vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-content .time-left-area .time-left-timer {
  width: 100%;
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-titlebar {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-golf-event-detail .ui-dialog-content {
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-golf-event-detail .ui-dialog-content {
    width: 100%;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content {
  width: calc(100% - 2rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content {
    width: calc(100% - 1.4538845979vw);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > label {
  margin-bottom: 0;
  width: 100%;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  width: max-content;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a:hover, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a:focus {
  text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a:not([disabled]):not(.disabled):active, body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content > .ui-grid-responsive .btn-responsive a:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel {
  width: 100%;
  border: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body {
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail [class*=ui-grid-col] {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail [class*=ui-grid-col] {
    padding-bottom: 0.3634711495vw;
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ersg-lbl {
  font-weight: 600;
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ersg-lbl-value {
  font-weight: normal;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-detail .ersg-lbl-value {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .tee-time-detail-reg-btn-cont .ersg-list-events-detail-btns {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .tee-time-detail-reg-btn-cont .ersg-list-events-detail-btns {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .tee-time-detail-reg-btn-cont a {
  margin-top: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .tee-time-detail-reg-btn-cont a {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont {
  border-top: 1px solid var(--wc-border-color);
  padding-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont {
    padding-top: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont .ersg-lbl-value {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont .ersg-lbl-value {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont .ersg-lbl-value {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .tee-time-ersg-main-container .ersg-events-container-detail .ersg-events-panel .ersg-events-panel-body .ersg-event-publis-content-cont .ersg-lbl-value {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .ui-fluid {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .ui-panelgrid-cell {
  margin-bottom: 0.5rem;
  align-items: center;
  display: flex;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .ui-panelgrid-cell {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .legend-square {
  display: inline-flex;
  width: 15px;
  height: 15px;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .legend-square {
    width: 0.6815084053vw;
    height: 0.6815084053vw;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .legend-square ~ label {
  font-weight: normal;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .legend-square ~ label {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .cross {
  position: absolute;
  right: 0.75rem;
  top: 12px;
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .cross {
    right: 0.5452067242vw;
    top: 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .cross {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .cross {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .heading {
  background: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--wc-border-color);
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-legends-dialog .ui-dialog-content {
  margin-left: auto;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content {
  padding: 0;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content {
    padding: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content .heading {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content .heading {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span {
  width: 100%;
  padding: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive .ui-radiobutton ~ label {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-weight: normal;
  flex: 0 0 auto;
  max-width: 100%;
  margin-bottom: 0;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive .ui-radiobutton ~ label {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive .ui-radiobutton ~ label::before {
  content: "-";
  position: absolute;
  left: -0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive .ui-radiobutton ~ label::before {
    left: -0.1817355747vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-dialog.teetime-useLastPlay-dialog .ui-dialog-content > span .ui-outputpanel .ui-grid .btn-responsive .ui-radiobutton ~ label:nth-of-type(1)::before {
  content: "";
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-div {
  display: flex;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-div img {
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-div img {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-detail {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-detail {
    margin-top: 0.726942299vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-detail .reservation-confirm-heading {
  width: 100%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-detail label {
  flex: 0 0 auto;
  max-width: 100%;
  width: 33.333%;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-detail > br ~ label {
  width: auto;
  padding: 0 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-detail > br ~ label {
    padding: 0 0.1817355747vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .reservation-confirm-detail > br ~ span {
  font-weight: normal;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .ui-grid-responsive .btn-responsive {
  width: max-content;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .teetime-webservice .ui-overlay-a .ui-page-theme-a .ui-panel-wrapper .ui-content .ui-grid-responsive .btn-responsive a {
  display: inline-flex;
  align-items: center;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content {
  background: transparent;
  border: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  display: flex;
  align-items: center;
  padding: 0 0.5rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding: 0 0.3634711495vw 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-outputlabel {
  margin-bottom: 0;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-list-wrapper .ui-picklist-caption {
  border: 1px solid var(--wc-border-color);
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-list-wrapper .ui-picklist-caption {
    padding: 0.3634711495vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-list-wrapper .ui-picklist-list {
  border: 1px solid var(--wc-border-color);
  border-top: none;
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button {
  padding: 0.5rem;
  margin-bottom: 0.25rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button {
    padding: 0.3634711495vw;
    margin-bottom: 0.1817355747vw;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button:last-child {
    margin-bottom: 0;
  }
}
body.wcprop-2 .teeTimePortlet-portlet section.portlet .portlet-content-editable .teetime-webservice .ui-fluid .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button .ui-button-text {
  padding: 0;
}
body.wcprop-2 .visitorManagement-portlet section.portlet {
  /*start Grid view css*/
  /*end Grid view css*/
}
body.wcprop-2 .visitorManagement-portlet section.portlet .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .row {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .row > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .row > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-visitors-list-dialog {
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-visitors-list-dialog .visitor-mgmt-search input {
  width: 100%;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius) 0px 0 var(--borderRadius) !important;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-visitors-list-dialog .visitor-mgmt-search .ui-commandlink {
  border: 1px solid var(--wc-border-color);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  display: flex;
  align-items: center;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-visitors-list-dialog .ui-datagrid {
  width: 100%;
  margin-top: 0.5rem;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin-top: 1rem;
  max-width: max-content;
  margin-left: auto;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
    margin-left: auto;
    margin-top: 0.726942299vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-visitors-list-dialog .ui-dialog-content .visitor-mgmt-dialog-close-btn {
    padding: 10px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-datalist-empty-message,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-no-records-found-message {
  font-size: calc((var(--wc-font-size) - 2) * 1px);
  font-family: var(--wc-font-family);
  border-width: 1px;
  border-radius: var(--borderRadius);
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
  background-color: #eef2fa;
  border: 1px solid #89a7e0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-datalist-empty-message,
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-no-records-found-message {
    font-size: calc((var(--wc-font-size) - 2) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-datalist-empty-message,
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-no-records-found-message {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-datalist-empty-message,
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-no-records-found-message {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
    padding: 10px 13px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .add-visitor-schedule {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > .ui-grid-col-9 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
    order: 2;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > .ui-grid-col-9 .visitor-mgmt-guest-details .ui-panelgrid-content .ui-grid-row {
    border-top: none;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > .ui-grid-col-9 .visitor-mgmt-guest-details .ui-panelgrid-content .ui-grid-row > [class*=ui-grid-col] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list.ui-grid-col-3 {
    width: 100%;
    flex-wrap: wrap;
    max-width: 100%;
    order: 1;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset {
  padding: 1rem;
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset {
    padding: 0.726942299vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .ui-buttonset {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .ui-buttonset {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .ui-buttonset .ui-button {
  width: auto;
  margin-right: 0.5rem;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .ui-buttonset .ui-button {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .ui-buttonset .ui-button.ui-state-active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .ui-buttonset .ui-button.ui-state-active:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .ui-buttonset .ui-button.ui-state-active:focus {
  background: var(--primary-color);
  color: var(--btn-text-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav {
  margin: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav {
    margin: 0.726942299vw 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav > .row-fluid {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav > .row {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav > .row {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav > .row {
    margin-bottom: 0.75rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-tabs.ui-grid-col-6 {
  padding-left: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-tabs.ui-grid-col-6 {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-tabs.ui-grid-col-6 {
    padding-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton {
  display: flex;
}
@media (max-width: 1299.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton {
    justify-content: flex-start;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton {
    justify-content: space-between;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button {
    margin-right: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button {
    margin-right: 5px;
    padding: 10px 12px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button:focus {
  background: var(--accordion-headbg-hover-color);
  color: var(--accordion-headtext-hover-color);
  border: 1px solid var(--accordion-headbg-hover-color);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button.ui-state-active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  border-color: var(--primary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button.ui-state-active:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button.ui-state-active:focus {
  background-color: var(--primary-color);
  color: var(--btn-text-color);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button.ui-state-active::before {
  font-size: 12px;
  content: var(--check-icon);
  font-family: var(--fontawesome-family);
  font-weight: 600;
  margin-right: 5px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button.ui-state-active::before {
    font-size: 0.5452067242vw;
    margin-right: 0.2271694684vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button input {
  position: absolute;
  visibility: hidden;
  height: max-content;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button .ui-button-text {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-selectonebutton .ui-button .ui-button-text {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown {
  margin-left: auto;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown {
    margin-left: auto;
  }
}
@media (max-width: 1299.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown {
    padding-right: 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown .ui-selectonemenu {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown .ui-selectonemenu label {
  border: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown .ui-selectonemenu .ui-selectonemenu-trigger {
  background: var(--wc-body-bg);
  right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown .ui-selectonemenu .ui-selectonemenu-trigger {
    right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown.ui-grid-col-2 {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-type-dropdown.ui-grid-col-2 {
    padding-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search {
  margin: 0;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search {
    margin: 0;
  }
}
@media (max-width: 1299.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-right: 0;
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search input {
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search a {
  position: absolute;
  right: 1px;
  top: 50%;
  margin-right: 0.5rem;
  width: 35px;
  height: calc((var(--field-height) - 2) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--wc-body-bg);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
  z-index: 1;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search a {
    right: 0.0454338937vw;
    margin-right: 0.3634711495vw;
    width: 1.590186279vw;
    height: calc((var(--field-height) - 2) / var(--4k-ratio) * 1vw);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search a {
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search a i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .visitor-mgmt-search a i {
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content dl {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content dl {
    margin-bottom: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content dl dt {
  font-weight: 600;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .ui-grid-col-12 {
  padding: 0.75rem 1rem;
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .ui-grid-col-12 {
    padding: 0.5452067242vw 0.726942299vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin {
  display: flex;
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin i {
  font-size: 14px;
  vertical-align: text-top;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin i {
    font-size: 0.6360745116vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin i {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg {
  flex: 1 0 auto;
  cursor: pointer;
}
@media (max-width: 1299.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
    text-align: center;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span {
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid {
    margin: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content {
  padding: 0;
  border: none;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g {
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g {
    margin: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
  padding: 0;
  margin-bottom: 0.75rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
    padding: 0;
    margin-bottom: 0.5452067242vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g:last-child > [class*=ui-g-] {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g:last-child > [class*=ui-g-] {
    margin-bottom: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .row > [class*=ui-grid-col] {
  margin: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .row > [class*=ui-grid-col] {
    margin: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .row .ui-grid-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg {
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
  flex: 1 0 auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg {
    margin-bottom: 0.5rem;
    font-size: var(--wc-mobile-font-size);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg > [class*=ui-grid-col] [class*=ui-grid-col] {
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg > [class*=ui-grid-col] [class*=ui-grid-col] {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg > [class*=ui-grid-col]:last-child > [class*=ui-grid-col] {
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg > [class*=ui-grid-col]:last-child > [class*=ui-grid-col] {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn {
  text-align: left;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn {
    display: flex;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .ui-grid-col-6 {
    width: 50%;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .ui-grid-col-6 i {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .ui-grid-col-6 i {
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day .visitor-mgmt-btn {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
    padding: 10px 7px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day i {
  margin-left: 5px;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.multi-day i {
    margin-left: 0.2271694684vw;
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn.single-day .visitor-mgmt-btn {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
    padding: 10px 7px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
    padding: 10px 7px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:focus {
  color: var(--btn-text-hover);
  background-color: var(--secondary-color-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn:not([disabled]):not(.disabled).active {
  color: var(--btn-text-hover);
  background-color: var(--secondary-color-hover);
  border-color: var(--secondary-color-hover);
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-edit-button .edit-schedule-btn .hidden-sm {
    display: none;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--btn-danger);
  border: 1px solid var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn {
    font-size: calc((var(--wc-font-size) - 3) * 1px);
    padding: 10px 7px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:focus {
  background-color: var(--btn-danger);
  color: var(--btn-text-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn:not([disabled]):not(.disabled).active {
  background-color: var(--btn-danger);
  color: var(--btn-text-hover);
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button .delete-schedule-btn .hidden-sm {
    display: none;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button.ui-grid-col-6 {
  padding-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg.visitor-mgmt-visitors-schedule .visitors-schedule-btn .visitor-mgmt-delete-button.ui-grid-col-6 {
    padding-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content-bg .visitor-name {
  font-weight: 600;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header {
  padding: 0.75rem;
  width: 100%;
  border: 1px solid var(--wc-border-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg {
  width: 100%;
  color: var(--accordion-headtext-color);
  background: var(--accordion-headbg-color);
  padding: 0.75rem 1rem;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  text-transform: capitalize;
  line-height: normal;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg {
    padding: 0.5452067242vw 0.726942299vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg .visitor-mgmt-no-margin.row .ui-grid-col-3 {
    width: 50%;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-info .ui-datagrid-content .ui-g > [class*=ui-g-] {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-info .ui-datagrid-content .ui-g > [class*=ui-g-] {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-info .ui-datagrid-content .ui-g .ui-datagrid-column .row .ui-grid-col-3 {
    width: 50%;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info {
  padding: 0 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info {
    padding: 0 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid {
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content {
  border: 1px solid var(--wc-border-color);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  border-top: none;
  padding: 0 0.5rem 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content {
    padding: 0 0.3634711495vw 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g {
  margin: 0;
  padding: 0.75rem 0.75rem;
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 400;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g {
    margin: 0;
    padding: 0.5452067242vw 0.5452067242vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-grid-col] {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-grid-col] {
    margin-bottom: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g:nth-child(even) {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content .ui-g:nth-child(odd) {
  background-color: transparent;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content-empty {
  margin-top: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-datagrid .ui-datagrid-content-empty {
    margin-top: 8px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content {
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content {
    margin-top: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style {
  border: 1px solid var(--wc-border-color);
  padding: 0.75rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .row-fluid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .row-fluid {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container {
  display: flex;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset {
  border: none;
  border-radius: var(--borderRadius);
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details > br {
  display: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .visitor-mgmt-guest-details-label {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  padding: 0.75rem;
  width: 100%;
  margin-bottom: 0;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .visitor-mgmt-guest-details-label {
    padding: 0.5452067242vw;
    margin-bottom: 0;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .visitor-mgmt-guest-details-label {
    font-size: calc((var(--wc-fs-heading6) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .visitor-mgmt-guest-details-label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .visitor-mgmt-guest-details-label {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .visitor-mgmt-guest-details-label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .visitor-mgmt-guest-details-label {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content {
  padding: 0.75rem;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content > .ui-grid-row {
  display: flex;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content > .ui-grid-row {
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content > .ui-grid-row {
    margin-bottom: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell input {
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-visitor-name-group .visitor-mgmt-add-visitor-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 0;
  display: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-visitor-name-group .visitor-mgmt-add-visitor-icon {
    right: 0.9086778737vw;
    top: 0.6815084053vw;
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon {
  position: absolute;
  right: 9px;
  top: 50%;
  width: 35px;
  height: calc(100% - 2px);
  background: var(--wc-body-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon {
    width: 1.590186279vw;
    height: calc(100% - 0.0908677874vw);
    right: 0.4089050432vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button {
  padding: 0;
  border: none;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button i {
  display: block;
  font-family: var(--fontawesome-family);
  font-style: normal;
  color: var(--wc-font-color);
  font-size: 14px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button i {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button i::before {
  content: var(--help-icon);
  font-weight: 600;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-guest-details .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button img {
  display: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset {
    margin: 0.726942299vw 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset label {
  margin-bottom: 0;
  margin-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset label {
    margin-bottom: 0;
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch {
  display: inline-flex;
  position: relative;
  width: 72px;
  height: 36px;
  border-radius: 50px;
  border: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch {
    width: 3.2712403453vw;
    height: 1.6356201726vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input {
  position: absolute;
  cursor: pointer;
  height: 14px;
  width: 14px;
  visibility: hidden;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input {
    width: 0.6360745116vw;
    height: 0.6360745116vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input:checked ~ .visitor-switch-labels {
  background: var(--primary-color);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input:checked ~ .visitor-switch-labels .visitor-switch-text::before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  padding-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input:checked ~ .visitor-switch-labels .visitor-switch-text::before {
    -webkit-transform: translateX(0vw);
    -moz-transform: translateX(0vw);
    -ms-transform: translateX(0vw);
    -o-transform: translateX(0vw);
    transform: translateX(0vw);
    padding-left: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input:checked ~ .visitor-switch-labels .visitor-switch-text::after {
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input:checked ~ .visitor-switch-labels .visitor-switch-text::after {
    -webkit-transform: translateX(1.8173557474vw);
    -moz-transform: translateX(1.8173557474vw);
    -ms-transform: translateX(1.8173557474vw);
    -o-transform: translateX(1.8173557474vw);
    transform: translateX(1.8173557474vw);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input:checked ~ .visitor-switch-labels .visitor-switch-dot {
  left: initial;
  right: 3px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch input:checked ~ .visitor-switch-labels .visitor-switch-dot {
    left: initial;
    right: 0.1363016811vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 50px;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
  background: #bdc1c8;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels {
    margin-bottom: 0;
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::before, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::after {
  width: 50%;
  color: var(--white-color);
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::before, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::after {
    font-size: 0.6360745116vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::before {
  content: "Yes";
  padding-left: 0.5rem;
  -webkit-transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::before {
    padding-left: 0.3634711495vw;
    -webkit-transform: translateX(-1.8173557474vw);
    -moz-transform: translateX(-1.8173557474vw);
    -ms-transform: translateX(-1.8173557474vw);
    -o-transform: translateX(-1.8173557474vw);
    transform: translateX(-1.8173557474vw);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::after {
  padding-right: 0.5rem;
  content: "No";
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-text::after {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-dot {
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 0;
  left: 3px;
  background-color: var(--white-color);
  transition: all 0.3s ease-in 0s;
  border: 1px solid var(--wc-border-color);
  border-radius: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-dot {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset .custom-input-switch .visitor-switch-labels .visitor-switch-dot {
    width: 1.2721490232vw;
    height: 1.2721490232vw;
    bottom: 0;
    left: 0.1363016811vw;
    margin: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule {
  flex-wrap: wrap;
  border-radius: var(--borderRadius);
  border: 1px solid var(--wc-border-color);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule label {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem;
  width: 100%;
  font-size: calc(var(--wc-fs-heading6) * 1px);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  margin-bottom: 0;
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule label {
    padding: 0.5452067242vw;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0;
    margin-right: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule label {
    font-size: calc((var(--wc-fs-heading6) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule label {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule label {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel {
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content {
  padding: 0.75rem;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content > .ui-grid-row {
  display: flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content > .ui-grid-row {
    border: none;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell input {
  width: 100%;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon {
  position: absolute;
  top: 50%;
  right: 9px;
  width: 35px;
  height: calc(100% - 2px);
  background: var(--wc-body-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon {
    width: 1.590186279vw;
    height: calc(100% - 0.0908677874vw);
    right: 0.4089050432vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button {
  padding: 0;
  border: none;
  background: transparent;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button i {
  display: block;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button i img {
  width: 16px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-email-info-icon button i img {
    width: 0.726942299vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  width: 100%;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu label.ui-selectonemenu-label {
  background-color: transparent;
  color: var(--wc-font-color);
  text-transform: capitalize;
  border: none;
  height: 100%;
  padding: 0;
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
  color: var(--wc-font-color);
  display: flex;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu label.ui-selectonemenu-label {
    padding: 0;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu label.ui-selectonemenu-label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu label.ui-selectonemenu-label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu .ui-selectonemenu-trigger {
  background: var(--wc-body-bg);
  right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu .ui-selectonemenu-trigger {
    right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-field.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  color: var(--wc-font-color);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time {
  display: flex;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time {
    flex-wrap: wrap;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time > .ui-calendar {
  margin-right: 1rem;
  position: relative;
  flex: 0 0 calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time > .ui-calendar {
    margin-right: 0.726942299vw;
    flex: 0 0 calc(50% - 0.3634711495vw);
    max-width: calc(50% - 0.3634711495vw);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time > .ui-calendar {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time > .ui-calendar {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time > .ui-calendar input {
  padding-right: 40px;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-single-day-date-time > .ui-calendar input {
    padding-right: 1.8173557474vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates {
  display: flex;
  flex-wrap: wrap;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar {
  margin-right: 0;
  margin-bottom: 0.5rem;
  position: relative;
  flex: 0 0 100%;
  max-width: 50%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar {
    margin-right: 0;
    margin-bottom: 0.3634711495vw;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar.schedule-to-date {
  padding-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar.schedule-to-date {
    padding-left: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar.schedule-to-date {
    padding-left: 1rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar.schedule-to-date {
    padding-left: 0;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar:last-child {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar:last-child {
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar input {
  padding-right: 40px;
  width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-panelgrid-cell .visitor-mgmt-multi-day-dates > .ui-calendar input {
    padding-right: 1.8173557474vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .access-schedule-panel .ui-panelgrid .ui-panelgrid-content .ui-commandlink {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .edit-schedules .table-bordered {
  border: 0;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .edit-schedules .ui-datatable-tablewrapper .ui-datatable-data .ui-commandlink {
  margin-right: 0.5rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .edit-schedules .ui-datatable-tablewrapper .ui-datatable-data .ui-commandlink {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .edit-schedules .ui-datatable-tablewrapper .ui-datatable-data .ui-commandlink i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .edit-schedules .ui-datatable-tablewrapper .ui-datatable-data .ui-commandlink i {
    margin-right: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container fieldset .ui-fieldset-content .visitor-mgmt-fieldset.access-schedule .edit-schedules .ui-datatable-tablewrapper .ui-datatable-data td {
  background-color: var(--wc-body-bg);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row {
    justify-content: flex-end;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row a.ui-commandlink {
  margin-left: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row a.ui-commandlink {
    margin-left: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row a.ui-commandlink {
    margin-left: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row a.ui-commandlink:last-child {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row a.ui-commandlink:last-child {
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row a.ui-commandlink:first-child {
  margin-left: 0;
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row a.ui-commandlink:first-child {
    margin-left: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn {
  margin: 10px 0 0;
  background: transparent;
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--secondary-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  font-weight: normal;
  transition: 0.5s all;
  will-change: background-color, color, border-color;
  text-align: center;
  line-height: normal;
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn:hover {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-btn-row .back-btn:not([disabled]):not(.disabled).active {
  background: var(--secondary-color-hover);
  text-decoration: none;
  color: var(--btn-text-hover);
  border-color: var(--secondary-color-hover);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > [class*=ui-grid-col] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > [class*=ui-grid-col] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list > [class*=ui-grid-col] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content label {
  background: var(--accordion-headbg-color);
  color: var(--accordion-headtext-color);
  padding: 0.75rem;
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  margin-bottom: 0;
  width: 100%;
  font-size: calc(var(--wc-fs-heading6) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content label {
    padding: 0.5452067242vw;
    margin-bottom: 0;
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content label {
    font-size: calc((var(--wc-fs-heading6) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content label {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content label {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content label {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search {
  position: relative;
  margin: 0.5rem;
  width: calc(100% - 1rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search {
    margin: 0.3634711495vw;
    width: calc(100% - 0.726942299vw);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search input {
  width: 100%;
  padding-right: 30px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search input {
    padding-right: 1.3630168105vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search a,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search .ui-commandlink {
  background: var(--wc-body-bg);
  width: 30px;
  height: calc(100% - 2px);
  position: absolute;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search a,
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search .ui-commandlink {
    width: 1.3630168105vw;
    height: calc(100% - 0.0908677874vw);
    right: 1px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search a i,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search .ui-commandlink i {
  margin-right: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search a i,
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .visitor-mgmt-search .ui-commandlink i {
    margin-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content {
  font-size: calc(var(--wc-font-size) * 1px);
  border: none;
  padding: 0 0.5rem 0.5rem;
  background: transparent;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content {
    padding: 0 0.3634711495vw 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a {
  font-size: 16px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink,
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a {
    font-size: 0.726942299vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink.visitor-mgmt-visitor-add-icon,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a.visitor-mgmt-visitor-add-icon {
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink.visitor-mgmt-visitor-add-icon::before,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a.visitor-mgmt-visitor-add-icon::before {
  content: var(--plus-icon);
  font-weight: normal;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink.visitor-mgmt-visitor-remove-icon,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a.visitor-mgmt-visitor-remove-icon {
  color: var(--danger);
  font-family: var(--fontawesome-family);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink.visitor-mgmt-visitor-remove-icon:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink.visitor-mgmt-visitor-remove-icon:focus,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a.visitor-mgmt-visitor-remove-icon:hover,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a.visitor-mgmt-visitor-remove-icon:focus {
  background: var(--danger);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink.visitor-mgmt-visitor-remove-icon::before,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a.visitor-mgmt-visitor-remove-icon::before {
  content: var(--close-icon-1);
  font-weight: normal;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item .ui-commandlink img,
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list fieldset .ui-fieldset-content .ui-datagrid .ui-datagrid-content .visitor-mgmt-visitors-list-item a img {
  display: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content {
  overflow: hidden;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .heading {
  font-size: calc(var(--wc-fs-heading6) * 1px);
  width: 100%;
  border-bottom: 1px solid var(--wc-border-color);
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .heading {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    padding-bottom: 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 3) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 4) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .heading {
    font-size: calc((var(--wc-fs-heading6) - 7) * 1px);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content label {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  width: 100%;
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: normal;
  padding: 1rem;
  border-radius: var(--borderRadius);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content label {
    padding: 0.726942299vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content label {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content label {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content label ~ a {
  margin-right: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content label ~ a {
    margin-right: 0.726942299vw;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content label ~ a {
    margin-right: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  background: var(--btn-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:focus {
  background: var(--danger);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .close-btn:not([disabled]):not(.disabled).active {
  background: var(--danger);
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .ui-dialog.visitor-mgmt-dialog .ui-dialog-content .ui-datatable {
  border: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs-nav {
  border-bottom: 1px solid var(--wc-border-color);
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs-nav {
    margin-top: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels {
    padding-left: 0;
    padding-right: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data {
  margin-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data {
    margin-bottom: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data dt {
  font-weight: 400;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content {
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content {
    padding: 0;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
    margin-bottom: 0.726942299vw;
  }
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 0rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g {
    margin-bottom: 0rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-g-12.ui-md-3 {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-g-12.ui-md-3 {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-g-12.ui-md-3 {
    width: 100%;
    margin-bottom: 1rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box {
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  background-color: var(--white-color);
  color: var(--wc-font-color);
  padding: 0.75rem;
  height: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box {
    padding: 0.5452067242vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid .ui-grid-responsive .ui-grid-row {
  border-top: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content {
  font-size: calc(var(--wc-font-size) * 1px);
  border: none;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .schedule-date {
  font-size: var(--wc-mobile-font-size);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .schedule-date {
    font-size: 0.6360745116vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .schedule-date {
    display: flex;
    margin-bottom: 0.5rem;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .schedule-time {
  font-size: var(--wc-mobile-font-size);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .schedule-time {
    font-size: 0.6360745116vw;
  }
}
@media screen and (max-width: 1899.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .schedule-time {
    text-align: left;
    float: inherit !important;
    display: flex;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .schedule-time {
    text-align: left;
    float: inherit !important;
    display: flex;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
  border: 0 none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell {
    padding-top: 0.3634711495vw;
    padding-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
  margin: 10px 0 0;
  background: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  padding: 10px 20px;
  color: var(--btn-text-color);
  border-radius: var(--BtnborderRadius);
  font-family: var(--wc-font-family);
  box-shadow: none;
  border: 1px solid transparent;
  font-weight: normal;
  transition: 0.5s background-color;
  will-change: background-color;
  line-height: 1.5;
  text-align: center;
  line-height: normal;
  margin: 0;
  padding: 10px 15px;
  font-size: var(--wc-mobile-font-size);
}
@media (prefers-reduced-motion: reduce) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    transition: none;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.4543389368vw 0 0;
    padding: 0.4543389368vw 0.9086778737vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink:hover {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink:focus {
  text-decoration: none;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink:not([disabled]):not(.disabled).active {
  background: var(--primary-color-hover);
  color: var(--btn-text-hover);
  -moz-text-decoration: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    margin: 0;
    padding: 0.4543389368vw 0.6815084053vw;
    font-size: 0.6360745116vw;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    margin-bottom: 0.5rem;
    padding: 10px;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-commandlink {
    padding: 10px;
  }
}
@media screen and (max-width: 1899.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .row .ui-grid-col-6 {
    width: 100%;
  }
}
@media screen and (max-width: 1365.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .row .ui-grid-col-6 {
    width: 50%;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .row .ui-grid-col-6 .ui-commandlink {
  padding: 10px 15px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .row .ui-grid-col-6 .ui-commandlink {
    padding: 0.4543389368vw 0.6815084053vw;
  }
}
@media screen and (max-width: 1899.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .row .ui-grid-col-6 .ui-commandlink {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .row .ui-grid-col-6 .ui-commandlink {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .row .ui-grid-col-6 .ui-commandlink {
    padding: 10px;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .visitor-email {
  word-break: break-all;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row {
  display: inline-flex;
  margin-top: 0.5rem;
  padding-top: 1rem;
  width: 100%;
  border-top: 1px solid var(--wc-border-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row {
    margin-top: 0.3634711495vw;
    padding-top: 0.726942299vw;
  }
}
@media screen and (max-width: 1899.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1365.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row {
    flex-wrap: unset;
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn {
  background-color: transparent;
  color: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  text-align: left;
  padding: 0;
  width: calc(50% - 0.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
    width: calc(50% - 8px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn:focus {
  color: var(--primary-color-hover);
  background-color: transparent;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .edit-schedule-btn:not([disabled]):not(.disabled).active {
  color: var(--primary-color-hover);
  background-color: transparent;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger {
  background-color: transparent;
  color: var(--btn-danger);
  font-size: calc(var(--wc-font-size) * 1px);
  text-align: right;
  padding: 0;
  margin-left: auto;
  width: calc(50% - 0.5rem);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0;
    margin-left: auto;
    width: calc(50% - 8px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger:hover, body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger:focus {
  color: var(--danger);
  background-color: transparent;
}
body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger:not([disabled]):not(.disabled):active, body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-area-btn-danger:not([disabled]):not(.disabled).active {
  color: var(--danger);
  background-color: transparent;
}
@media screen and (max-width: 1365.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datalist-content .ui-datalist-data .ui-datalist-item .ui-datagrid .ui-datagrid-content .ui-g .ui-datagrid-column .visitor-mgmt-schedule-box .ui-panelgrid-content .ui-grid-row .visitor-mgmt-btn-row .ui-commandlink {
    width: calc(50% - 0.5rem);
    flex: 0 0 calc(50% - 0.5rem);
  }
}
body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-dialog .cross {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-dialog .cross {
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-dialog .cross {
    top: 7px;
  }
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > .ui-grid-col-9,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > .ui-grid-col-9 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
    order: 2;
  }
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > .ui-grid-col-9 .visitor-mgmt-guest-details .ui-panelgrid-content .ui-grid-row,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container > .ui-grid-col-9 .visitor-mgmt-guest-details .ui-panelgrid-content .ui-grid-row {
    border-top: none;
  }
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list.ui-grid-col-3,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-edit-schedule-container .visitor-mgmt-visitors-list.ui-grid-col-3 {
    width: 100%;
    flex-wrap: wrap;
    max-width: 100%;
    order: 1;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header {
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin.hidden-sm,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin.hidden-sm {
    display: none;
  }
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span {
    font-size: calc((var(--wc-font-size) - 4) * 1px);
  }
}
body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span i,
body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span i {
  width: auto;
}
@media (max-width: 1365.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span i,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span i {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .wcl-col-9 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span i,
  body.wcprop-2 .wcl-col-6 .visitorManagement-portlet section.portlet .visitor-mgmt-container .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-nav .ui-datalist .ui-datalist-content .visitor-mgmt-visitors-info-area .visitor-mgmt-tab-content .visitor-mgmt-tab-pane .visitors-info-area-header .visitor-mgmt-no-margin .visitors-info-area-header-bg span i {
    width: auto;
  }
}
body.wcprop-2 .weather-portlet section.portlet {
  font-family: var(--wc-font-family);
  /* liist veiw css*/
  /*end liist veiw css*/
}
body.wcprop-2 .weather-portlet section.portlet .weather-container {
  background-color: transparent;
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  line-height: normal;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col {
  float: inherit;
  order: 2;
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp {
  font-size: calc(var(--wc-fs-heading1) * 1px);
  line-height: 1;
  font-weight: normal;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp {
    font-size: calc(var(--wc-fs-heading1) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp {
    font-size: calc((var(--wc-fs-heading1) - 8) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp {
    font-size: calc((var(--wc-fs-heading1) - 12) * 1px);
  }
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp .degree {
  font-size: calc(var(--wc-font-size) * 1px);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp .degree {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp .degree {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .temp .degree {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .and-rising {
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  margin: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .and-rising {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .and-rising {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .left-col .and-rising {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col {
  float: inherit;
  order: 1;
  line-height: normal;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col {
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col .weather-icon {
  font-size: calc((var(--wc-fs-heading1) + 10) * 1px);
  color: #aeaeae;
  line-height: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col .weather-icon {
    font-size: 2.5442980463vw;
  }
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col .weather-icon {
    font-size: calc(var(--wc-fs-heading1) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col .weather-icon {
    font-size: calc((var(--wc-fs-heading1) - 4) * 1px);
  }
}
@media (max-width: 1199.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col .weather-icon {
    font-size: calc((var(--wc-fs-heading1) - 6) * 1px);
  }
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .right-col .weather-icon .wi {
  font-family: weathericons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .weather-desc {
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  text-transform: capitalize;
  margin: 0.25rem 0;
  flex: 0 0 100%;
  order: 3;
  max-width: 100%;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .weather-desc {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    margin: 0.1817355747vw 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .weather-desc {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet .weather-container .weather-desc {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .weather-portlet section.portlet .weather-container .weather-wind {
  order: 4;
  color: var(--wc-font-color);
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr {
    display: flex;
  }
}
body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td {
  color: var(--wc-font-color);
}
body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td a {
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px) !important;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td a {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td a {
    font-size: var(--wc-mobile-font-size) !important;
  }
}
body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td span {
  font-size: calc(var(--wc-font-size) * 1px) !important;
  display: flex;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td span {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw) !important;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td span {
    font-size: calc((var(--wc-font-size) - 2) * 1px) !important;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td span {
    font-size: var(--wc-mobile-font-size) !important;
  }
}
body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td img {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td img {
    width: 50%;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .weather-portlet section.portlet table.lfr-table tbody tr td {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
  }
}
body.wcprop-2 footer .weather-portlet section.portlet .weather-container {
  color: var(--footer-font-color);
}
body.wcprop-2 footer .weather-portlet section.portlet .weather-container .left-col {
  flex: 0 0 70%;
}
@media (max-width: 1199.98px) {
  body.wcprop-2 footer .weather-portlet section.portlet .weather-container .left-col {
    width: 65%;
  }
}
body.wcprop-2 footer .weather-portlet section.portlet .weather-container .left-col .temp .degree {
  color: var(--footer-font-color);
}
body.wcprop-2 footer .weather-portlet section.portlet .weather-container .right-col {
  flex: 0 0 auto;
}
body.wcprop-2 footer .weather-portlet section.portlet .weather-container .right-col .weather-icon {
  color: var(--footer-font-color);
}
body.wcprop-2 footer .weather-portlet section.portlet .weather-container .weather-desc {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  color: var(--footer-font-color);
  max-width: inherit;
  border-right: 1px solid var(--footer-separator-color);
  flex: 0 0 auto;
  padding-right: 0.5rem;
  margin: 0 0.5rem 0 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 footer .weather-portlet section.portlet .weather-container .weather-desc {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding-right: 0.3634711495vw;
    margin: 0 0.3634711495vw 0 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 footer .weather-portlet section.portlet .weather-container .weather-desc {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 footer .weather-portlet section.portlet .weather-container .weather-desc {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 footer .weather-portlet section.portlet .weather-container .weather-wind {
  font-size: calc((var(--wc-font-size) - 4) * 1px);
  color: var(--footer-font-color);
  margin: 0;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 footer .weather-portlet section.portlet .weather-container .weather-wind {
    font-size: calc((var(--wc-font-size) - 4) / var(--4k-ratio) * 1vw);
    padding-right: 0.5rem;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 footer .weather-portlet section.portlet .weather-container .weather-wind {
    font-size: 12px;
  }
}
body.wcprop-2 .welcomeMember-portlet section.portlet .ui-outputlabel {
  padding-right: 5px;
  margin-bottom: 0;
  font-weight: normal;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .welcomeMember-portlet section.portlet .ui-outputlabel {
    padding-right: 0.2271694684vw;
    margin-bottom: 0;
  }
}
body.wcprop-2 .welcomeMember-portlet section.portlet .ui-outputlabel.member-name {
  color: var(--primary-color);
  font-weight: 600;
}
body.wcprop-2 .welcomeMember-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .welcomeMember-portlet section.portlet .ui-grid-row > [class*=ui-grid-col] {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .wind-direction-portlet section.portlet .portlet-body {
  font-size: calc(var(--wc-font-size) * 1px);
  font-family: var(--wc-font-family);
  color: var(--wc-font-color);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wind-direction-portlet section.portlet .portlet-body {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wind-direction-portlet section.portlet .portlet-body {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .wind-direction-portlet section.portlet .portlet-body {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .wind-direction-portlet section.portlet .portlet-body a {
  color: var(--primary-color);
}
body.wcprop-2 .wind-direction-portlet section.portlet .portlet-body a:hover {
  color: var(--primary-color-hover);
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-g {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-g {
    margin-left: -0.3634711495vw;
    margin-right: -0.3634711495vw;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-g > [class*=ui-g-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-g > [class*=ui-g-] {
    padding-left: 0.3634711495vw;
    padding-right: 0.3634711495vw;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-g .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 32px;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-g .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 1.4538845979vw;
    padding: 0;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-g .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1rem;
  height: 1rem;
  text-indent: 0;
  overflow: visible;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-g .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    width: 0.726942299vw;
    height: 0.726942299vw;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .heading.work-order-heading {
  margin-bottom: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .heading.work-order-heading {
    margin-bottom: 0.3634711495vw;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .heading.work-order-heading img {
  display: none;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-panel .ui-panel-content {
  padding: 0;
  border: none;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-panel .ui-panel-content {
    padding: 0;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-titlebar {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-titlebar {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content {
  border: none;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable {
  border: none;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
  padding: 1rem 0.5rem;
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
    padding: 0.726942299vw 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
    vertical-align: middle;
    word-break: break-word;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
    min-width: 160px;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
    min-width: auto;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr {
    border-bottom-color: transparent;
    border: none;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td {
  color: var(--wc-font-color);
}
@media (max-width: 640px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-bottom: none;
    vertical-align: middle;
    align-items: center;
    justify-content: flex-end;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-e {
  font-family: var(--fontawesome-family);
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-e {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    width: 0.726942299vw;
    height: 0.726942299vw;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-e {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-e {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-e::before {
  content: var(--arrow-icon-right);
  font-weight: 600;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-s {
  font-family: var(--fontawesome-family);
  color: var(--wc-font-color);
  font-size: calc(var(--wc-font-size) * 1px);
  display: flex;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-s {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    width: 0.726942299vw;
    height: 0.726942299vw;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-s {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-s {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-icon-circle-triangle-s::before {
  content: var(--arrow-icon-down);
  font-weight: 600;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td a {
  color: var(--primary-color);
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td a {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td a {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td a {
    font-size: var(--wc-mobile-font-size);
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-column-title {
    margin-right: auto;
    text-align: left;
    font-weight: 600;
    min-width: auto;
    padding: 0 0.5rem;
    display: unset;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td .ui-column-title:empty {
    padding: 0;
    min-width: 0;
    margin: 0;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-header,
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-footer {
  background-color: var(--table-thead-color);
  color: var(--table-th-color);
  border: 0;
  padding: 1rem 0.75rem;
  font-size: calc(var(--wc-font-size) * 1px);
  font-weight: 600;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-header,
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-footer {
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
    padding: 0.726942299vw 0.5452067242vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-header,
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-footer {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-header,
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-footer {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-footer {
  margin-bottom: 1rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr.ui-expanded-row-content td .ui-datatable .ui-datatable-footer {
    margin-bottom: 0.726942299vw;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panelgrid-content {
  border: none;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panelgrid-content .ui-grid-row .wos-back-btn {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panelgrid-content .ui-grid-row .wos-back-btn {
    padding-right: 0.3634711495vw;
    padding-left: 0.3634711495vw;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panelgrid-content .ui-grid-row .wos-back-btn .btn {
  margin-left: auto;
  margin-top: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .ui-panelgrid-content .ui-grid-row .wos-back-btn .btn {
    margin-top: 0;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-8 .ui-grid-row.text-center tr td {
  text-align: left;
}
@media (max-width: 640px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-8 .ui-grid-row .work-order-detail-grid {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-8 .ui-grid-row .work-order-detail-grid tbody tr {
    display: flex;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-8 .ui-grid-row .work-order-detail-grid tbody tr td {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    border-bottom: none;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-8 .ui-grid-row .work-order-detail-grid tbody tr td.wo-odd-col label {
  font-weight: 600;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-8 .ui-grid-row .work-order-detail-grid tbody tr td.wo-even-col label {
  font-weight: normal;
}
@media (max-width: 991.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-8 .ui-grid-row .work-order-detail-grid tbody tr:last-child td {
    border-bottom: 1px solid var(--wc-border-color);
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div {
  font-family: var(--wc-heading-font-family2);
  font-size: calc(var(--wc-fs-heading6) * 1px);
  color: var(--table-th-color);
  background-color: var(--table-thead-color);
  border: 1px solid var(--wc-border-color);
  border-radius: var(--borderRadius);
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div {
    font-size: calc(var(--wc-fs-heading6) / var(--4k-ratio) * 1vw);
    margin-bottom: 0.3634711495vw;
    padding: 0.3634711495vw;
  }
}
@media (max-width: 991.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
@media (max-width: 767.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div {
    font-size: calc((var(--wc-fs-heading6) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div {
    font-size: calc((var(--wc-fs-heading6) - 5) * 1px);
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div i {
  margin-right: 0.5rem;
  font-size: calc(var(--wc-font-size) * 1px);
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div i {
    margin-right: 0.3634711495vw;
    font-size: calc(var(--wc-font-size) / var(--4k-ratio) * 1vw);
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div i {
    font-size: calc((var(--wc-font-size) - 2) * 1px);
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-div i {
    font-size: var(--wc-mobile-font-size);
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-grid tr:first-child label {
  font-weight: 600 !important;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-col-4 .member-info-grid label {
  font-weight: normal;
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-row label {
  margin: 0.5rem 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-row label {
    margin: 0.3634711495vw 0;
  }
}
@media (min-width: 300px) and (max-width: 575.98px) {
  body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid .guest-fluid .ui-grid-row label {
    margin: 0;
  }
}
body.wcprop-2 .workOrder-portlet section.portlet .ui-fluid hr {
  display: none;
}
body.wcprop-2 .workOrder-portlet section .portlet-content-editable .ui-tabs-panels {
  padding: 0;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section .portlet-content-editable .ui-tabs-panels {
    padding: 0;
  }
}
body.wcprop-2 .workOrder-portlet section .portlet-content-editable .ui-tabs-panels .ui-selectonemenu {
  max-width: 350px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section .portlet-content-editable .ui-tabs-panels .ui-selectonemenu {
    max-width: 15.9018627896vw;
  }
}
body.wcprop-2 .workOrder-portlet section .portlet-content-editable .ui-tabs-panels .ui-inputfield {
  max-width: 350px;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .workOrder-portlet section .portlet-content-editable .ui-tabs-panels .ui-inputfield {
    max-width: 15.9018627896vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table,
  body.wcprop-2 .wcl-col-6 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .wcl-col-9 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table,
  body.wcprop-2 .wcl-col-6 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table {
    display: inline-table;
  }
}
body.wcprop-2 .wcl-col-9 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th,
body.wcprop-2 .wcl-col-6 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
  padding: 1rem 0.5rem;
  text-align: left;
}
@media (min-width: 2201px) and (max-width: 4000px) {
  body.wcprop-2 .wcl-col-9 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th,
  body.wcprop-2 .wcl-col-6 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
    padding: 0.726942299vw 0.3634711495vw;
  }
}
@media (max-width: 1440.98px) {
  body.wcprop-2 .wcl-col-9 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th,
  body.wcprop-2 .wcl-col-6 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead th {
    vertical-align: middle;
    word-break: break-word;
    min-width: 160px;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .wcl-col-9 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr,
  body.wcprop-2 .wcl-col-6 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr {
    border-bottom-color: transparent;
    border: none;
  }
}
@media (max-width: 640px) {
  body.wcprop-2 .wcl-col-9 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td,
  body.wcprop-2 .wcl-col-6 .workOrder-portlet section.portlet .ui-fluid .ui-panel.ui-widget .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tr td {
    display: flex;
    border: 1px solid var(--wc-border-color);
    border-bottom: none;
    vertical-align: middle;
    align-items: center;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 990px) {
  .smartphone-nav-div {
    display: block;
  }
  .desktop-nav-div {
    display: none;
  }
  div#classic-mob-toggleMenu {
    display: block;
  }
  div#textured-cssmenu {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .smartphone-nav-div {
    display: none;
  }
  .desktop-nav-div {
    display: block;
  }
  div#classic-mob-toggleMenu {
    display: none;
  }
  div#classic-mob-menu {
    display: none !important;
  }
  div#textured-cssmenu {
    display: block;
  }
  div#mm-0 {
    transform: initial !important;
  }
}
.desktop-nav-children {
  display: none;
}

.desktop-nav-children-level1 {
  display: none;
}

.desktop-nav-children-level2 {
  display: none;
}

.desktop-nav-children-level3 {
  display: none;
}

.desktop-nav-children-level4 {
  display: none;
}

ul.desktop-nav-ul {
  list-style: none;
  display: inline-block;
  width: 100%;
}

li.desktop-nav-parent {
  display: inline-block;
  position: relative;
  line-height: 1.3;
  list-style: outside none none;
  margin-bottom: 4px;
  font-size: 14px;
}

span.desktop-nav-heading {
  color: #000 !important;
  font-size: 14px !important;
  text-shadow: 1px 0 0 #ccc;
  text-transform: uppercase;
}

.desktop-nav-div {
  background-color: #b3ae98;
}

.desktop-nav-parent-link {
  padding: 15px 34px 15px 31px !important;
}

ul.desktop-nav-children {
  line-height: 1.5em;
  list-style: none;
  padding-left: 0 !important;
  margin-top: 0;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font: 62.5%/1.6em Arial, Helvetica, Verdana, sans-serif;
  background-color: #08422f !important;
  padding: 0 0 !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: white;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}

li.desktop-nav-children-level1-li {
  border-bottom: 1px solid #222E3A;
  color: #fff;
  float: none;
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  position: relative;
  margin: 0 !important;
  vertical-align: middle;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  zoom: 1;
  padding: 0 0 !important;
  line-height: 1.5em;
  list-style: none;
  white-space: nowrap;
  max-width: 180px !important;
  width: 180px !important;
  min-width: 180px !important;
}

span.desktop-nav-unselected-item {
  text-decoration: none;
  text-align: left;
  font-family: Times New Roman;
  font-size: 1.3em;
  cursor: pointer;
  outline: 0 none;
  padding: 9px 5px 9px;
  color: #fff !important;
  text-shadow: 1px 0 0 #000;
  padding: 5px 0 !important;
  font-family: "Cinzel", serif;
  font-size: 1.1em;
  text-rendering: optimizeLegibility;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.5em;
  min-width: 200px;
  list-style: none;
  white-space: nowrap;
}

ul.desktop-nav-children-level2 {
  background-color: #08422f !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  list-style: none;
  background-color: white;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 1.3 !important;
  margin-left: 180px !important;
  white-space: nowrap;
  max-width: 180px !important;
  width: 180px !important;
  min-width: 180px !important;
}

.li.desktop-nav-children-level2-li {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 1.3 !important;
  line-height: 1.3 !important;
  border-bottom: 1px solid #222e3a;
  padding: 5px 0;
  border-bottom: 1px solid #222e3a;
  padding: 5px 0;
  position: relative;
  white-space: nowrap;
  max-width: 180px !important;
  width: 180px !important;
  min-width: 180px !important;
}

.li.desktop-nav-children-level3-li {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 1.3 !important;
  line-height: 1.3 !important;
  border-bottom: 1px solid #222e3a;
  padding: 5px 0;
  border-bottom: 1px solid #222e3a;
  padding: 5px 0;
  position: relative;
  white-space: nowrap;
  max-width: 180px !important;
  width: 180px !important;
  min-width: 180px !important;
}

.li.desktop-nav-children-level4-li {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 1.3 !important;
  line-height: 1.3 !important;
  border-bottom: 1px solid #222e3a;
  padding: 5px 0;
  border-bottom: 1px solid #222e3a;
  padding: 5px 0;
  position: relative;
  white-space: nowrap;
  max-width: 180px !important;
  width: 180px !important;
  min-width: 180px !important;
}

span.desktop-nav-unselected-item-level2, span.desktop-nav-unselected-item-level3, span.desktop-nav-unselected-item-level4 {
  color: #ede0a3 !important;
  text-rendering: optimizelegibility;
  text-shadow: 1px 1px 0 black;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

ul.dropdown-menu.desktop-nav-children-level3 {
  background-color: #08422f !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  list-style: none;
  background-color: white;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 1.3 !important;
  margin-left: 180px !important;
  white-space: nowrap;
  max-width: 180px !important;
  width: 180px !important;
  min-width: 180px !important;
}

ul.dropdown-menu.desktop-nav-children-level4 {
  background-color: #08422f !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  list-style: none;
  background-color: white;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 1.3 !important;
  margin-left: 180px !important;
  white-space: nowrap;
  max-width: 180px !important;
  width: 180px !important;
  min-width: 180px !important;
}

.desktop-nav-dropdown-menu {
  min-width: 250px !important;
  padding: 0px 0 !important;
  top: 0 !important;
}

#textured-cssmenu * {
  outline: none;
}

#textured-cssmenu > ul > li:hover > ul,
#textured-cssmenu > ul > li:focus > ul,
#textured-cssmenu > ul > li > a:hover + ul,
#textured-cssmenu > ul > li > a:focus + ul,
#textured-cssmenu > ul > li:focus-within > ul {
  opacity: 1;
  display: block !important;
  z-index: 1000;
}

#textured-cssmenu ul,
#textured-cssmenu li,
#textured-cssmenu a {
  tabindex: 0;
}

#textured-cssmenu > ul > li > a {
  tabindex: -1;
}

#textured-cssmenu,
#textured-cssmenu ul,
#textured-cssmenu ul li,
#textured-cssmenu ul li a,
#textured-cssmenu #menu-button {
  margin: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#textured-cssmenu:after,
#textured-cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#textured-cssmenu #menu-button {
  display: none;
}

#textured-cssmenu {
  width: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

#textured-cssmenu.align-right > ul > li {
  float: right;
}

#textured-cssmenu > ul > li {
  display: inline-block;
}

#textured-cssmenu > ul > li:hover {
  position: relative;
}

#textured-cssmenu.align-center > ul {
  float: none;
  text-align: center;
}

#textured-cssmenu.align-center > ul > li {
  float: none;
}

#textured-cssmenu.align-center ul ul {
  text-align: left;
}

#textured-cssmenu > ul > li > a:focus {
  color: #09a98a !important;
  text-decoration: none;
}

#textured-cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}

#textured-cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}

#textured-cssmenu > ul > li.has-sub.active > a::after,
#textured-cssmenu > ul > li.has-sub:hover > a, #textured-cssmenu > ul > li.has-sub:focus > a {
  border-top-color: #ffffff;
}

#textured-cssmenu ul ul {
  left: -9999px;
  opacity: 0;
  padding-top: 18px;
  position: absolute;
  top: 60px;
  transition: top 0.2s ease 0s, opacity 0.2s ease-in 0s;
}

#textured-cssmenu.align-right ul ul {
  text-align: right;
}

#textured-cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}

#textured-cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: 200px;
  display: none;
}

#textured-cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #305444;
  left: auto;
  right: -4px;
}

#textured-cssmenu > ul > li > ul {
  text-align: left;
  z-index: 60;
}

#textured-cssmenu > ul > li:hover > ul, #textured-cssmenu > ul > li:focus > ul {
  top: 40px;
  left: 0;
  opacity: 1;
  display: block !important;
  padding-top: 0px;
}

#textured-cssmenu.align-right > ul > li:hover > ul, #textured-cssmenu.align-right > ul > li:focus > ul {
  left: auto;
  right: 0;
}

#textured-cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 0px;
}

#textured-cssmenu.align-right ul ul ul {
  padding-right: 7px;
}

#textured-cssmenu ul ul > li:hover > ul, #textured-cssmenu ul ul > li:focus > ul {
  left: 250px;
  top: 0;
  opacity: 1;
  display: block !important;
}

#textured-cssmenu.align-right ul ul > li:hover > ul, #textured-cssmenu.align-right ul ul > li:focus > ul {
  left: auto;
  right: 100%;
  opacity: 1;
  display: block !important;
}

#textured-cssmenu ul ul li:hover > a,
#textured-cssmenu ul ul li.active > a, #textured-cssmenu ul ul li:focus > a {
  /*   color: #00529b; */
}

#textured-cssmenu ul ul li:first-child > a {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

#textured-cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#textured-cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}

#textured-cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #305444;
  top: -10px;
  left: 60px;
  display: none;
}

#textured-cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}

#textured-cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}

#textured-cssmenu ul ul li.has-sub.active > a::after,
#textured-cssmenu ul ul li.has-sub:hover > a::after, #textured-cssmenu ul ul li.has-sub:focus > a::after {
  border-left-color: #333333;
}

#textured-cssmenu.align-right ul ul li.has-sub.active > a::after,
#textured-cssmenu.align-right ul ul li.has-sub:hover > a::after, #textured-cssmenu.align-right ul ul li.has-sub:focus > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}

#fullscreen-menu-popup-nav ul {
  list-style: outside none none !important;
  text-transform: uppercase;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  display: none !important;
}

#fullscreen-menu-popup-nav ul ul {
  margin: 0 0 0 30px !important;
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  #fullscreen-menu-popup-nav ul ul {
    margin: 0 0 0 10px !important;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1300px) {
  #fullscreen-menu-popup-nav ul ul {
    margin: 10px 0 0 10px !important;
  }
}

#fullscreen-menu-popup-nav ul li a {
  text-decoration: none;
}

.fullscreen-menu-popup-nav-heading.fullscreen-menu-popup-nav-heading-selected {
  color: #d71d48 !important;
  display: inline-block;
  text-decoration: underline;
}

.fullscreen-menu-popup-nav-ul li a span:hover {
  color: #d71d48 !important;
  transition: all 0.3s ease-in-out 0s;
}

.fullscreen-menu-popup-nav-selected-item {
  color: #d71d48 !important;
  display: inline-block;
  text-decoration: underline;
}

.fullscreen-menu-popup-nav-selected-item-level2 {
  color: #093358 !important;
  text-decoration: underline;
}

.fullscreen-menu-popup-nav-parent {
  padding-bottom: 10px;
  padding-top: 10px;
}

.fullscreen-menu-popup-nav-parent-link {
  text-decoration: none !important;
}

#fullscreen-menu-popup-menu li {
  font-size: 32px;
  line-height: 55px;
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  #fullscreen-menu-popup-menu li {
    font-size: 16px;
    line-height: 40px;
    padding: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1300px) {
  #fullscreen-menu-popup-menu li {
    font-size: 30px;
    line-height: 30px;
  }
}

.fullscreen-menu-popup-nav-children-level2-li {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.fullscreen-menu-popup-nav-children-level1-li a span {
  font-size: 32px !important;
  transition: all 0.3s ease-in-out 0s;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .fullscreen-menu-popup-nav-children-level1-li a span {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  .fullscreen-menu-popup-nav-children-level1-li a span {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1366px) and (min-width: 1300px) {
  #fullscreen-menu-popup-menu li ul li a span {
    font-size: 22px !important;
  }
}

.fullscreen-menu-popup-nav-ul {
  list-style: outside none none;
  margin: 0 !important;
}

#fullscreen-menu-popup-menu li a span {
  font-size: 32px;
  font-family: "Abhaya Libre", serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #093358;
}
@media screen and (max-width: 1299px) and (min-width: 1024px) {
  #fullscreen-menu-popup-menu li a span {
    font-size: 26px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  #fullscreen-menu-popup-menu li a span {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  #fullscreen-menu-popup-menu li a span {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1300px) {
  #fullscreen-menu-popup-menu li a span {
    font-size: 30px !important;
    line-height: 34px;
  }
}

.close-menu-div {
  text-align: left !important;
  margin: 20px 0px 0 30px;
  padding-top: 0;
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  .close-menu-div {
    text-align: center !important;
    margin: 0px 0px 0 0px;
  }
}
.close-menu-div .closebtn {
  text-align: left !important;
  margin: 0px;
  padding-top: 0;
  position: relative;
  float: right;
  top: -61px;
  border: 0px !important;
}
.close-menu-div .closebtn::after {
  font: normal normal normal 1px FontAwesome;
  content: "×";
  font-size: 40px !important;
  padding: 0px 0px !important;
  display: inline-block;
  font-weight: bold;
}

.overlay .closebtn {
  position: inherit !important;
}

span#navigation_menu_open_button {
  font-size: 0px !important;
  padding: 0px 0px 0px !important;
  display: block;
  background-image: url("../images/club-images/menu-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 65px;
  width: 56px;
  margin: 20px 0 0 0;
}

.fullscreen-menu-icon:hover {
  color: #ffffff;
  transition: all 0.3s ease-in-out 0s;
}

.test_nav.overlay {
  position: fixed;
  z-index: 200 !important;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-size: cover;
  overflow: hidden;
  transition: 0.5s;
  padding: 0 0 200px 0 !important;
}

.fullscreen-overlay-content {
  position: relative;
  top: 40px;
  width: 100%;
  text-align: left !important;
  margin-top: 30px;
  margin: 0 auto !important;
  max-width: 100%;
}
@media screen and (max-width: 1366px) and (min-width: 1300px) {
  .fullscreen-overlay-content {
    max-width: 23%;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1024px) {
  .fullscreen-overlay-content {
    max-width: 26%;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .fullscreen-overlay-content {
    max-width: 30%;
  }
}
@media screen and (max-width: 767px) and (min-width: 220px) {
  .fullscreen-overlay-content {
    max-width: 45%;
    top: 0px;
  }
}

#fullscreen-menu-popup-nav i.fa.fa-caret-up {
  color: #fff;
  cursor: pointer;
}

#fullscreen-menu-popup-nav i.fa.fa-caret-down {
  color: #fff;
  cursor: pointer;
}

.btn-search-cancel {
  font-size: 0;
}

#blue-yellow-cssmenu,
#blue-yellow-cssmenu ul,
#blue-yellow-cssmenu ul li,
#blue-yellow-cssmenu ul li a,
#blue-yellow-cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#blue-yellow-blue-yellow-cssmenu:after,
#blue-yellow-cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#blue-yellow-cssmenu #menu-button {
  display: none;
}

#blue-yellow-cssmenu {
  width: auto;
  /*   font-family: 'Open Sans', Helvetica, sans-serif; */
  background: #39b1cc;
  background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
}

#blue-yellow-cssmenu > ul {
  background: url(../../images/navigation/highlight-bg.png) repeat;
  padding-bottom: 3px;
  /*   font-family: 'Open Sans', sans-serif; */
  font-weight: 600;
}

#blue-yellow-cssmenu > ul {
  background: url(../../images/navigation/menu-bg.png) repeat;
  margin: 0;
  padding: 0;
  position: relative;
}

#blue-yellow-cssmenu.align-right > ul > li {
  float: right;
}

#blue-yellow-cssmenu > ul > li {
  float: left;
  display: inline-block;
}

#blue-yellow-cssmenu.align-center > ul {
  float: none;
  text-align: center;
}

#blue-yellow-cssmenu.align-center > ul > li {
  float: none;
}

#blue-yellow-cssmenu.align-center ul ul {
  text-align: left;
}

#blue-yellow-cssmenu > ul > li > a {
  padding: 18px 25px 21px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #d3eced;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#blue-yellow-cssmenu > ul > li:hover > a,
#blue-yellow-cssmenu > ul > li > a:hover,
#blue-yellow-cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #32a9c3;
  background: rgba(0, 0, 0, 0.1);
}

#blue-yellow-cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}

#blue-yellow-cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}

#blue-yellow-cssmenu > ul > li.has-sub.active > a::after,
#blue-yellow-cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}

#blue-yellow-cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}

#blue-yellow-cssmenu.align-right ul ul {
  text-align: right;
}

#blue-yellow-cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}

#blue-yellow-cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}

#blue-yellow-cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}

#blue-yellow-cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}

#blue-yellow-cssmenu > ul > li > ul {
  top: 120px;
}

#blue-yellow-cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}

#blue-yellow-cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}

#blue-yellow-cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}

#blue-yellow-cssmenu.align-right ul ul ul {
  padding-right: 6px;
}

#blue-yellow-cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}

#blue-yellow-cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}

#blue-yellow-cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #777777;
  background: url(../../images/navigation/hover.png) repeat;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}

#blue-yellow-cssmenu ul ul li:hover > a,
#blue-yellow-cssmenu ul ul li.active > a {
  color: #333333;
}

#blue-yellow-cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#blue-yellow-cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#blue-yellow-cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}

#blue-yellow-cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}

#blue-yellow-cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}

#blue-yellow-cssmenu ul ul li.has-sub.active > a::after,
#blue-yellow-cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}

#blue-yellow-cssmenu.align-right ul ul li.has-sub.active > a::after,
#blue-yellow-cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #blue-yellow-cssmenu {
    background: #39b1cc;
  }
  #blue-yellow-cssmenu > ul {
    display: none;
  }
  #blue-yellow-cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #blue-yellow-cssmenu.align-right > ul {
    float: none;
  }
  #blue-yellow-cssmenu.align-center > ul {
    text-align: left;
  }
  #blue-yellow-cssmenu > ul > li,
  #blue-yellow-cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #blue-yellow-cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #blue-yellow-cssmenu > ul > li:hover > a,
  #blue-yellow-cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #blue-yellow-cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #d3eced;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url("../../images/navigation/bg.png");
    cursor: pointer;
  }
  #blue-yellow-cssmenu ul ul,
  #blue-yellow-cssmenu ul li:hover > ul,
  #blue-yellow-cssmenu > ul > li > ul,
  #blue-yellow-cssmenu ul ul ul,
  #blue-yellow-cssmenu ul ul li:hover > ul,
  #blue-yellow-cssmenu.align-right ul ul,
  #blue-yellow-cssmenu.align-right ul li:hover > ul,
  #blue-yellow-cssmenu.align-right > ul > li > ul,
  #blue-yellow-cssmenu.align-right ul ul ul,
  #blue-yellow-cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #blue-yellow-cssmenu ul ul li {
    width: 100%;
  }
  #blue-yellow-cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #blue-yellow-cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #blue-yellow-cssmenu ul ul li:first-child > a,
  #blue-yellow-cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #blue-yellow-cssmenu #menu-button::after {
    display: block;
    content: "";
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    border-bottom: 2px solid #d3eced;
    right: 25px;
    top: 18px;
  }
  #blue-yellow-cssmenu #menu-button::before {
    display: block;
    content: "";
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
  }
  #blue-yellow-cssmenu > ul > li.has-sub > a::after,
  #blue-yellow-cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}
#blue-yellow-cssmenu > ul ul li a:hover {
  border-left: 4px solid #055988;
  background: url(../../images/navigation/highlight-bg.png) repeat;
}

#blue-yellow-cssmenu > ul ul li a:active {
  background: url(../../images/navigation/menu-bg.png) repeat;
}

#blue-yellow-cssmenu > ul > li:hover > a {
  background: url(../../images/navigation/hover.png) repeat;
}

#blue-yellow-cssmenu > ul > li > a > span {
  line-height: 18px;
}

#blue-yellow-cssmenu > ul > li.active > a,
#blue-yellow-cssmenu > ul > li > a:active {
  background: url(../../images/navigation/highlight-bg.png) repeat;
}

#blue-yellow-cssmenu:before,
#blue-yellow-cssmenu:after,
#blue-yellow-cssmenu > ul:before,
#blue-yellow-cssmenu > ul:after {
  content: "";
  display: table;
}

#blue-yellow-cssmenu:after,
#blue-yellow-cssmenu > ul:after {
  clear: both;
}

#blue-yellow-cssmenu {
  width: auto;
  zoom: 1;
}

#blue-yellow-cssmenu > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#blue-yellow-cssmenu > ul > li {
  float: left;
  position: relative;
}

#blue-yellow-cssmenu > ul > li > a {
  padding: 23px 26px;
  display: block;
  color: white;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 #c28130;
  text-shadow: 0 -1px 0 rgba(151, 99, 33, 0.43);
  line-height: 18px;
}

#blue-yellow-cssmenu > ul ul {
  background: url(../../images/navigation/hover.png) repeat;
}

@media screen and (min-width: 768px) {
  .sidenav-page-div {
    display: block !important;
  }
  .sidenav-full-div {
    display: block !important;
  }
  .sidenav-accordion-div {
    display: block !important;
  }
  .sidenav-session-div {
    display: block !important;
  }
  .sidenav-parent-links-div {
    display: block !important;
  }
  .sidenav-session-children-div {
    display: block !important;
  }
  .sidenav-custom-accordion-div {
    display: block !important;
  }
  .sidenav-custom-div {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .sidenav-mobile-view-div {
    display: block !important;
  }
  .sidenav-custom-accordion-div {
    display: block !important;
  }
}
@media screen and (max-width: 979px) {
  .sidenav-custom-accordion-div {
    display: none !important;
  }
  .sidenav-mobile-custom-accordion-div {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .sidenav-custom-div {
    display: block !important;
  }
}
.sidenav-accordion-div ul.ctAccordion {
  margin: 0 !important;
  background-color: #ffffff;
  padding: 0 0px 0 0px;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent {
  background-image: none !important;
  color: #ffffff !important;
  font-size: 18px;
  list-style: outside none none;
  margin: 0 !important;
  text-transform: capitalize;
  line-height: 30px;
  background-color: #002e5f;
  border-bottom: 1px solid #fff;
  margin-bottom: 6px !important;
  padding: 10px 0px !important;
  text-align: center;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a.sidenav-accordion-parent-a {
  padding: 5px 0 5px 0;
  letter-spacing: 2px;
  font-size: 16px;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.sidenav-accordion-heading {
  color: #fff !important;
  padding-left: 10px;
  font-size: 16px;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.side-nav-accordion-unselected-item {
  color: #ffffff !important;
  display: block !important;
  font-size: 16px;
  padding: 3px 0 3px 5px !important;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 2px;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.side-nav-accordion-selected-item, .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.sidenav-accordion-selected-heading {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 5px !important;
  text-decoration: none;
  text-transform: capitalize;
  color: #ffffff !important;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children {
  margin: 0;
  background-color: #BE9807;
  padding: 0 0px 0 0px;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li {
  border-bottom: 1px solid #e5e5e5;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li i {
  float: right;
  margin: 1px 10px 0 0;
  cursor: pointer;
  color: #ffffff;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li ul.sidenav-accordion-children-level2, .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li ul.sidenav-accordion-children-level3 {
  background-color: #004c97 !important;
  margin: 0 0 0 0px !important;
}
.sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li ul.subLeft:last-child {
  border-bottom: medium none;
}

#ui-area .sidenav-custom-div ul {
  list-style: none;
}
#ui-area .sidenav-custom-div ul.sidenav-custom-ul {
  margin: 0 !important;
  padding: 0px 0 0px 0;
}
#ui-area .sidenav-custom-div ul li {
  display: block;
}
#ui-area .sidenav-custom-div ul li:last-child {
  border: none;
}
#ui-area .sidenav-custom-div ul li a {
  font-family: "Cormorant Garamond", serif;
}
#ui-area .sidenav-custom-div ul li a:hover {
  text-decoration: none !important;
}
#ui-area .sidenav-custom-div ul li a.selected-link span.selected, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-custom-div ul li a.selected-link span.selected, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected {
    text-align: center;
  }
}
#ui-area .sidenav-custom-div ul li a.selected-link span.selected:hover, #ui-area .sidenav-custom-div ul li a.selected-link span.selected:active, #ui-area .sidenav-custom-div ul li a.selected-link span.selected:focus, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected:hover, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected:active, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-custom-div ul li a.selected-link span.un-selected, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected {
  color: #ffffff;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-custom-div ul li a.selected-link span.un-selected, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected {
    text-align: center;
  }
}
#ui-area .sidenav-custom-div ul li a.selected-link span.un-selected:hover, #ui-area .sidenav-custom-div ul li a.selected-link span.un-selected:active, #ui-area .sidenav-custom-div ul li a.selected-link span.un-selected:focus, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected:hover, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected:active, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-custom-div .block-toggle-page-links {
  border: 1px solid #eaeaea;
  padding: 15px;
  display: block;
}
#ui-area .sidenav-custom-div .block-toggle-page-links a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
#ui-area .sidenav-custom-div .block-toggle-page-links a i {
  display: inline-block;
  color: #ffffff !important;
  font-size: 16px !important;
  margin: 0 !important;
  padding: 0px 20px 0px 0px !important;
  font-weight: normal;
  float: right !important;
  position: relative;
  top: 0px;
}
#ui-area .sidenav-custom-div .block-toggle-page-links ul {
  border: none;
  padding: 0;
}

#ui-area .sidenav-mobile-view-div {
  margin: 0 0 20px 0;
}
#ui-area .sidenav-mobile-view-div ul {
  list-style: none;
  padding: 0;
}
#ui-area .sidenav-mobile-view-div ul li {
  border-bottom: 1px solid #e5e5e5;
}
#ui-area .sidenav-mobile-view-div ul li:last-child {
  border-bottom: none !important;
}
#ui-area .sidenav-mobile-view-div ul li a:hover {
  text-decoration: none !important;
}
#ui-area .sidenav-mobile-view-div ul li span.sidenav-mobile-view-selected-heading, #ui-area .sidenav-mobile-view-div ul li span.sidenav-mobile-view-heading {
  background-color: transparent !important;
  color: #fff !important;
  display: inline-block !important;
  text-shadow: none !important;
  text-decoration: none !important;
  padding: 12px 14px 12px !important;
  text-transform: capitalize !important;
  font-size: 17px !important;
  font-weight: 400;
  text-align: left;
}
#ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item {
  color: #2c2c2c !important;
  display: block;
  font-size: 14px !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  text-shadow: none !important;
  padding: 12px 14px 12px !important;
  background-color: #fff;
  font-weight: 400;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
#ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item:hover, #ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item:active, #ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item:focus {
  color: #fff !important;
  background-color: var(--calgary-primary-color-hover);
}
#ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-selected-item {
  color: #fff !important;
  display: block;
  font-size: 14px !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  text-shadow: none !important;
  padding: 12px 14px 12px !important;
  font-weight: 400;
  background-color: var(--calgary-primary-color-hover);
}
#ui-area .sidenav-mobile-view-div ul li a i {
  display: inline-block;
  color: #fff !important;
  font-size: 15px !important;
  margin: 0 !important;
  padding: 0px 20px 0px 0px !important;
  /* font-weight: normal; */
  float: right !important;
  position: relative;
  top: 17px;
}
#ui-area .sidenav-mobile-view-div ul li ul {
  border-bottom: 1px solid #e5e5e5;
}
#ui-area .sidenav-mobile-view-div ul li ul.nav-child li span {
  color: #2c2c2c !important;
  display: block;
  font-size: 14px !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  text-shadow: none !important;
  padding: 12px 14px 12px !important;
  background-color: #fff;
  font-weight: 400;
}
#ui-area .sidenav-mobile-view-div ul li ul.nav-child li span:hover, #ui-area .sidenav-mobile-view-div ul li ul.nav-child li span:active, #ui-area .sidenav-mobile-view-div ul li ul.nav-child li span:focus {
  color: #fff !important;
  background-color: #000;
}
#ui-area .sidenav-mobile-view-div a {
  background-color: var(--calgary-primary-color);
  display: block;
}
#ui-area .sidenav-mobile-view-div a span.sub-nav-session-mobile-heading {
  color: #fff !important;
  display: inline-block !important;
  text-shadow: none !important;
  text-decoration: none !important;
  padding: 12px 14px 12px !important;
  text-transform: capitalize !important;
  font-size: 17px !important;
  font-weight: 400;
  text-align: left;
}
#ui-area .sidenav-mobile-view-div a i {
  display: inline-block;
  color: #fff !important;
  font-size: 15px !important;
  margin: 0 !important;
  padding: 0px 20px 0px 0px !important;
  /* font-weight: normal; */
  float: right !important;
  position: relative;
  top: 17px;
}
#ui-area .sidenav-mobile-view-div #sub-nav-session-children-children {
  border-bottom: 1px solid #e5e5e5;
}
#ui-area .sidenav-mobile-view-div #sub-nav-session-children-children li a {
  background: none !important;
}
#ui-area .sidenav-mobile-view-div #sub-nav-session-children-children li a span {
  display: block !important;
  background: #fff !important;
  color: #2c2c2c !important;
}
#ui-area .sidenav-mobile-view-div #sub-nav-session-children-children li a span:hover, #ui-area .sidenav-mobile-view-div #sub-nav-session-children-children li a span:active, #ui-area .sidenav-mobile-view-div #sub-nav-session-children-children li a span:focus {
  color: #fff !important;
  background-color: #000 !important;
}
#ui-area .sidenav-mobile-view-div #sub-nav-session-children-children li.selected span {
  background: #000 !important;
  color: #fff !important;
}

span.sidenav-parent-links-selected-heading {
  color: yellow;
}

a {
  font-weight: 400;
}

li.subLeft {
  background-image: none !important;
  list-style: outside none none;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  color: #000 !important;
  text-transform: uppercase;
}

li.sidenav-parent-links-parent {
  background-image: none !important;
  list-style: outside none none;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  color: #333 !important;
  text-shadow: 1px 1px 0 #c0c0c0 !important;
  text-transform: uppercase;
}

span.sidenav-parent-links-heading {
  color: black !important;
}

.sidenav-parent-links-div {
  background: -webkit-linear-gradient(top, #b3ae98 0%, #cac4ac 50%, #b3ae98 100%);
}

span.side-nav-parent-links-unselected-item {
  color: #222 !important;
  font-size: 17px !important;
  padding: 0 0 0 24px !important;
  text-decoration: none;
  text-shadow: 1px 1px 0 #eee !important;
  text-transform: uppercase !important;
  display: inline-block;
}

a.sidenav-parent-links-parent-a {
  background-color: #938c6f;
}

span.side-nav-parent-links-selected-item {
  color: #C33232 !important;
  font-size: 17px !important;
  padding: 0 0 0 24px !important;
  text-decoration: none;
  text-shadow: 1px 1px 0 #eee !important;
  text-transform: uppercase !important;
  display: inline-block;
}

#ui-area .sidenav-session-children-div ul {
  margin: 0px 0 0 0 !important;
  list-style: none;
}
#ui-area .sidenav-session-children-div ul li {
  /* line-height: normal !important; */
}
#ui-area .sidenav-session-children-div ul li:last-child {
  border: none;
}
#ui-area .sidenav-session-children-div ul li img {
  padding-top: 7px;
  display: none;
}
#ui-area .sidenav-session-children-div ul li a {
  font-family: "Cormorant Garamond", serif;
}
#ui-area .sidenav-session-children-div ul li a:hover, #ui-area .sidenav-session-children-div ul li a:active, #ui-area .sidenav-session-children-div ul li a:focus {
  text-decoration: none !important;
}
#ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading {
  color: #ffffff;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading {
    text-align: center;
  }
}
#ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading:hover, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading:active, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading:focus, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading:hover, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading:active, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item {
    text-align: center;
  }
}
#ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item:hover, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item:active, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item {
  color: #ffffff;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item {
    text-align: center;
  }
}
#ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item:hover, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item:active, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-session-children-div ul li .sidenav-session-children-children {
  margin: 0px 0 0 0 !important;
  padding: 0px 0px 0px 0px !important;
  border: none;
}
#ui-area .sidenav-session-children-div ul li ul.sidenav-session-children-level2 {
  border: none;
  padding: 0px 0 0px 0;
}
#ui-area .sidenav-session-children-div ul li ul.sidenav-session-children-level2 li a span {
  padding-left: 20px !important;
}

#ui-area .sidenav-session-div ul {
  margin: 0px 0 0 0 !important;
  list-style: none;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul {
  margin: 0 !important;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li {
  /* line-height: normal !important; */
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li:last-child {
  border: none;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li img {
  padding-top: 7px;
  display: none;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li a {
  font-family: "Cormorant Garamond", serif;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li a:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li a:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li a:focus {
  text-decoration: none !important;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item {
  color: #ffffff;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item {
    text-align: center;
  }
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item {
    text-align: center;
  }
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading {
    text-align: center;
  }
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading:focus, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li .sidenav-session-children {
  margin: 0px 0 0 0 !important;
  padding: 0px 0px 0px 0px !important;
  border: none;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li ul.sidenav-session-children-level2 {
  border: none;
  padding: 0px 0 0px 0;
}
#ui-area .sidenav-session-div ul.sidenav-session-ul li ul.sidenav-session-children-level2 li a span {
  padding-left: 20px !important;
}

#ui-area .sidenav-custom-accordion-div ul {
  margin: 0;
  list-style: none;
  padding: 0px 0 0px 0;
  border-top: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li {
  line-height: normal !important;
  padding: 0 0 0px 0 !important;
  display: block;
  border-bottom: 2px solid #eaeaea;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li:last-child {
  border: none;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li img {
  display: none;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li a:hover {
  text-decoration: none !important;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li i {
  position: absolute;
  left: 0;
  top: 16px;
  padding: 0;
  display: none;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li:hover i {
  color: #fff;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading {
  color: #2c2c2c;
  padding: 22px 12px 22px 16px;
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  line-height: normal;
  font-weight: 500;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 0px;
  letter-spacing: 0px;
  text-align: left;
  font-family: "muli", sans-serif;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading {
    font-size: 12px !important;
    padding: 14px 10px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading {
    font-size: 14px !important;
    padding: 16px 10px 16px 10px;
  }
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading:focus {
  background-color: #4F758A;
  color: #fff;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading {
  color: #2c2c2c;
  padding: 22px 12px 22px 16px;
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  line-height: normal;
  font-weight: 500;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 0px;
  letter-spacing: 0px;
  text-align: left;
  font-family: "muli", sans-serif;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading {
    font-size: 12px !important;
    padding: 14px 10px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading {
    font-size: 14px !important;
    padding: 16px 10px 16px 10px;
  }
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading:focus {
  background-color: #4F758A;
  color: #fff;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item {
  color: #2c2c2c;
  padding: 22px 12px 22px 16px;
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  line-height: normal;
  font-weight: 500;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 0px;
  letter-spacing: 0px;
  text-align: left;
  font-family: "muli", sans-serif;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:focus, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:focus, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item:focus {
  background-color: #4F758A;
  color: #fff;
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item {
  color: #2c2c2c;
  padding: 22px 12px 22px 16px;
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  line-height: normal;
  font-weight: 500;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 0px;
  letter-spacing: 0px;
  text-align: left;
  font-family: "muli", sans-serif;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item {
    font-size: 12px !important;
    padding: 14px 10px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item {
    font-size: 14px !important;
    padding: 16px 10px 16px 10px;
  }
}
#ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading:focus, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item:focus {
  background-color: #4F758A;
  color: #fff;
}

#ui-area .sidenav-mobile-custom-accordion-div ul {
  margin: 0;
  list-style: none;
}
#ui-area .sidenav-mobile-custom-accordion-div ul.sidenav-mobile-custom-accordion-home-ul {
  margin: 0 !important;
  padding: 0;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li span.mobile-sidenav-custom-accordion-heading {
  background-color: var(--primary-color);
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 0px;
  padding: 12px 20px;
  text-transform: uppercase;
  width: 100%;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li:last-child {
  border: none;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li a:hover {
  text-decoration: none !important;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-parent, #ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-heading {
  background-color: var(--primary-color-hover) !important;
  color: #ffffff;
  line-height: 20px;
  font-size: 18px;
  transition: all 0.2s linear 0s;
  display: block;
  padding: 15px 20px;
  text-transform: uppercase;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-parent:hover, #ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-parent:active, #ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-parent:focus, #ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-heading:hover, #ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-heading:active, #ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-heading:focus {
  background-color: var(--primary-color) !important;
  color: #fff;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li span.mobile-sidenav-custom-accordion-selected-heading {
  background-color: var(--primary-color) !important;
  color: #ffffff;
  line-height: 20px;
  font-size: 18px;
  transition: all 0.2s linear 0s;
  display: block;
  padding: 15px 20px;
  text-transform: uppercase;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li i {
  float: right;
  padding-right: 10px;
  padding-top: 15px;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  right: 5px;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li ul li.mobile-custom-subLeft span.mobile-side-nav-custom-accordion-selected-item {
  color: #222222;
  line-height: 20px;
  font-size: 14px;
  transition: all 0.2s linear 0s;
  text-transform: capitalize;
  padding: 15px 20px;
  display: block;
  border-top: 1px solid #e4e4e4;
}
#ui-area .sidenav-mobile-custom-accordion-div ul li ul.ctAccordion li ul li.mobile-custom-subLeft span.mobile-side-nav-custom-accordion-unselected-item {
  color: #222222;
  line-height: 20px;
  font-size: 14px;
  text-transform: capitalize;
  padding: 15px 20px;
  display: block;
  border-top: 1px solid #e4e4e4;
}
#ui-area .sidenav-mobile-custom-accordion-div i {
  float: right;
  padding-right: 10px;
  padding-top: 15px;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  right: 5px;
}

.sidenav-full-div ul {
  margin: 0 !important;
}
.sidenav-full-div ul li.sidenav-full-parent {
  background-image: none !important;
  color: #fff !important;
  font-size: 16px !important;
  list-style: outside none none;
  margin: 0 !important;
  padding: 0 0px 0 0 !important;
  text-transform: uppercase;
}
.sidenav-full-div ul li.sidenav-full-parent a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal !important;
  line-height: 30px;
  text-transform: uppercase;
  color: #BE9807 !important;
  padding: 10px 0 0px 0;
  text-decoration: none !important;
  letter-spacing: 2px;
}
.sidenav-full-div ul li.sidenav-full-parent a span.sidenav-full-heading-unselected, .sidenav-full-div ul li.sidenav-full-parent a span.sidenav-full-heading-selected, .sidenav-full-div ul li.sidenav-full-parent a span.side-nav-full-selected-item {
  border-bottom: 2px solid #87b9d0;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  padding: 5px 0 5px 0;
  text-decoration: none;
  text-transform: uppercase;
}
.sidenav-full-div ul li.sidenav-full-parent a span.side-nav-full-unselected-item {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  padding: 5px 0 5px 0;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #87b9d0;
}
.sidenav-full-div ul li.sidenav-full-parent .sidenav-full-children {
  margin-left: 0 !important;
}
.sidenav-full-div ul li.sidenav-full-parent .sidenav-full-children li a {
  color: #6b6a6a !important;
}
.sidenav-full-div ul li ul.sidenav-full-children-level2, .sidenav-full-div ul li ul.sidenav-full-children-level3 {
  margin: 0;
}

#ui-area .sidenav-page-div ul {
  list-style: none;
  margin: 0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul {
  margin: 0 !important;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li {
  /* line-height: normal !important; */
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li:last-child {
  border: none;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li img {
  padding-top: 7px;
  display: none;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li a {
  font-family: "Cormorant Garamond", serif;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li a:hover {
  text-decoration: none !important;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading:focus, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item {
  color: #ffffff;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children {
  margin: 0px 0 0 0 !important;
  padding: 0px 0px 0px 0px !important;
  border: none;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li {
  /* line-height: normal !important; */
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li:last-child {
  border: none;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li a {
  font-family: "Cormorant Garamond", serif;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li a:hover {
  text-decoration: none !important;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-selected-heading {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-selected-heading {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-heading:focus, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-selected-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-selected-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.sidenav-page-selected-heading:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-selected-item {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-selected-item {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-selected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-selected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-selected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-unselected-item {
  color: #ffffff;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-unselected-item {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-unselected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-unselected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li span.side-nav-page-unselected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 {
  margin: 0px 0 0 0 !important;
  padding: 0px 0px 0px 0px !important;
  border: none;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li:last-child {
  border: none;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li img {
  padding-top: 7px;
  display: none;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li a {
  font-family: "Cormorant Garamond", serif;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li a:hover {
  text-decoration: none !important;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-selected-heading {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-selected-heading {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-heading:focus, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-selected-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-selected-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.sidenav-page-selected-heading:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-selected-item {
  color: #f1ddb0;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-selected-item {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-selected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-selected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-selected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-unselected-item {
  color: #ffffff;
  padding: 1rem 1.125rem;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 19.125px;
  font-weight: 400;
  transition: all 0.3s ease-in-out 0s;
  background-color: #844030;
}
@media screen and (min-width: 220px) and (max-width: 1023px) {
  #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-unselected-item {
    text-align: center;
  }
}
#ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-unselected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-unselected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children li ul.sidenav-page-children-level2 li span.side-nav-page-unselected-item:focus {
  background-color: #844030;
  color: #f1ddb0;
}

.from-layer-two-div {
  margin: 10px 0 0 0;
}

div#main-heading {
  display: block;
  padding: 10px 0 10px 0px;
  color: #6a6a6a;
  font-size: 24px;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
}

.main-heading-title a, a:hover, a:active, a:focus {
  text-decoration: none !important;
}

ul.MenuBarVertical li {
  width: 16.5em !important;
}

ul.MenuBarVertical a {
  background-color: #fff !important;
  padding: 19px 0 18px 0px !important;
  color: #6a6a6a !important;
  font-size: 17px !important;
}

ul.MenuBarVertical li {
  line-height: 0 !important;
  border-bottom: 1px solid #e5e5e5;
}

ul.MenuBarVertical li:last-child {
  border-bottom: none;
}

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {
  /*    background-color: #eceadd !important; */
}

ul.MenuBarVertical ul li {
  width: 12.2em !important;
}

ul.MenuBarVertical ul {
  border: none !important;
}

ul.MenuBarVertical {
  border: none !important;
  margin: 20px 0 0 0 !important;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate(0);
}

[data-aos=fade-up] {
  transform: translateY(100px);
}

[data-aos=fade-down] {
  transform: translateY(-100px);
}

[data-aos=fade-right] {
  transform: translate(-100px);
}

[data-aos=fade-left] {
  transform: translate(100px);
}

[data-aos=fade-up-right] {
  transform: translate(-100px, 100px);
}

[data-aos=fade-up-left] {
  transform: translate(100px, 100px);
}

[data-aos=fade-down-right] {
  transform: translate(-100px, -100px);
}

[data-aos=fade-down-left] {
  transform: translate(100px, -100px);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translateY(100px) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translateY(-100px) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate(-100px) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate(100px) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translateY(100px) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translateY(-100px) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate(-100px) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate(100px) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate(0);
}

[data-aos=slide-up] {
  transform: translateY(100%);
}

[data-aos=slide-down] {
  transform: translateY(-100%);
}

[data-aos=slide-right] {
  transform: translateX(-100%);
}

[data-aos=slide-left] {
  transform: translateX(100%);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}