@charset "UTF-8";
/**
 * @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)
 */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0;
}

/* Complete Webiste Font */
/* Font Color  */
/* Webiste Core Color For NSUI #0093b2*/
/* End */
.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;
}

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px;
}

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 2em;
  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);
}

/*This file allows you to override default styles in one central location for easier upgrade and maintenance.*/
/* Media Queries for popup ----------- */
@media only screen and (max-width: 1024px) {
  .ui-dialog {
    left: 10% !important;
    position: fixed !important;
    top: 11% !important;
    width: 80% !important;
  }

  .avatar {
    width: 70px !important;
    height: 120px !important;
  }

  .hidden-min {
    display: none !important;
  }

  /* 	.ui-confirm-dialog { */
  /* 		width: 72% !important; */
  /* 		left: 8% !important; */
  /* 	} */
}
@media only screen and (min-width: 1025px) {
  .ui-dialog {
    left: 20% !important;
    position: fixed !important;
    top: 11% !important;
    width: 60% !important;
  }

  .ui-confirm-dialog {
    width: 40% !important;
    left: 30% !important;
  }
}
@media (max-width: 640px) {
  .ui-datatable-reflow thead {
    display: none;
  }

  .ui-column-title, .reference-id {
    font-size: 11px;
  }

  .ui-datatable-even {
    font-size: 11px;
  }

  .ui-datatable-odd {
    font-size: 11px;
  }

  .ui-datatable tbody td {
    padding: 4px 1px 4px 1px !important;
  }

  table:not(.lfr-search-iterator-fixed-header-table) td {
    font-size: 11px !important;
  }

  .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text {
    font-size: 11px;
  }

  .ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
    height: initial !important;
  }

  label.text-center {
    font-size: 11px;
  }

  table:not(.lfr-search-iterator-fixed-header-table) th {
    font-size: 11px;
    text-align: center !important;
  }

  .aui label {
    font-size: 11px;
  }

  .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    font-size: 11px;
  }

  .aui h1 {
    font-size: 25px;
  }

  .aui h3 {
    font-size: 18px;
  }

  .main-label {
    font-size: 11px;
  }

  .ui-datatable-tablewrapper {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }

  .col-amount {
    text-align: left !important;
  }

  .col-right {
    float: right;
  }

  .ui-outputlabel.ui-widget {
    font-size: 11px;
  }

  .ui-chkbox-label {
    font-size: 11px;
  }

  .ui-selectlistbox-item.ui-corner-all {
    font-size: 11px;
  }

  button.ui-datepicker-trigger.ui-button {
    width: 8%;
    padding: 3px;
    float: right;
    height: 33px;
  }

  .hasDatepicker {
    width: 90% !important;
  }

  td.ui-grid-col-1 {
    width: 8.33333% !important;
  }

  td.ui-grid-col-2 {
    width: 16.66666% !important;
  }

  td.ui-grid-col-3 {
    width: 25% !important;
  }

  td.ui-grid-col-4 {
    width: 33.33% !important;
  }
}
/* End: Media Queries for popup ----------- */
/* 1px to 640px */
@media (min-width: 1px) and (max-width: 640px) {
  .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    font-size: 11px;
  }

  .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    font-size: 11px;
  }
}
/* 1px to 979px */
@media (min-width: 1px) and (max-width: 979px) {
  .aui select, .aui textarea, .aui input[type=text], .aui input[type=password], .aui input[type=datetime], .aui input[type=datetime-local], .aui input[type=date], .aui input[type=month], .aui input[type=time], .aui input[type=week], .aui input[type=number], .aui input[type=email], .aui input[type=url], .aui input[type=search], .aui input[type=tel], .aui input[type=color], .aui .uneditable-input {
    padding: 7px;
  }
}
@media (max-width: 400px) {
  .chit-height {
    height: 400px;
  }

  button.ui-datepicker-trigger.ui-button {
    width: 7%;
  }
}
@media (max-width: 320px) {
  td.ui-grid-col-4 {
    width: 100% !important;
  }
}
@media (max-width: 640px) and (min-width: 401px) {
  .chit-height {
    height: 325px;
  }
}
@media (min-width: 641px) and (max-width: 740px) {
  .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text {
    font-size: 14px !important;
  }

  .chit-height {
    height: 325px;
  }

  .bar-text {
    font-size: 11px !important;
  }

  table:not(.lfr-search-iterator-fixed-header-table) th, table:not(.lfr-search-iterator-fixed-header-table) {
    font-size: 12px !important;
  }

  .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    font-size: 12px;
  }

  .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    font-size: 12px;
  }

  .ui-datatable-tablewrapper {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}
/* 741px and above */
@media (min-width: 741px) {
  .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    font-size: 14px;
  }

  .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    font-size: 14px;
  }
}
/* 641px to 767px */
@media (min-width: 641px) and (max-width: 767px) {
  .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text {
    font-size: 14px !important;
  }

  .aui .table th, .aui .table td {
    padding: 3px;
  }

  .aui .btn {
    padding: 11px 6px;
  }

  .reference-id {
    font-size: 11px;
  }
}
/* 641px and above */
@media (min-width: 641px) {
  .col-amount {
    text-align: right !important;
  }

  .reference-id {
    font-size: 15px;
  }

  .hasDatepicker {
    width: 80% !important;
  }

  .ui-calendar input {
    height: 30px !important;
  }
}
/* 641px to 979px */
@media (min-width: 641px) and (max-width: 979px) {
  .ui-outputlabel {
    padding: 11px 4px;
  }

  button.ui-datepicker-trigger.ui-button {
    width: 20px;
  }
}
/* 768px to 979px */
@media (min-width: 768px) and (max-width: 979px) {
  .aui .btn {
    padding: 11px 12px;
  }
}
/* 980px and above */
@media (min-width: 980px) {
  .ui-outputlabel {
    padding: 5px 0;
  }

  .ui-fluid .ui-inputtext {
    max-width: 270px;
  }

  .ui-fluid .ui-autocomplete-input {
    width: 270px;
  }

  .ui-fluid .ui-selectonemenu {
    max-width: 270px;
  }

  .ui-fluid .ui-selectcheckboxmenu {
    max-width: 270px;
  }

  .ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
    max-width: 270px;
  }

  .ui-fluid .ui-selectmanymenu {
    max-width: 270px;
  }

  button.ui-datepicker-trigger.ui-button {
    width: 30px;
  }
}
/* 641px to 767px */
@media (min-width: 641px) and (max-width: 1250px) {
  .pmnt-create-cc-error {
    margin-left: 5px;
  }
}
.ui-paginator-pages {
  display: inline-flex !important;
}

/*End: New Member Paginator Classes*/
.new-members {
  padding-right: 20px;
}

.ui-datagrid {
  display: block !important;
}

.ui-datagrid-column {
  background-color: #fff;
  border: 0px !important;
  padding: 1px;
}

.ui-grid-row {
  display: block !important;
}

.box {
  border: 1px solid #bcc2a7;
  width: 100%;
  height: 175px;
  text-align: center;
}

.address-box {
  width: 100%;
  text-align: center;
}

.box th {
  font-size: larger !important;
}

td.amount-position {
  text-align: right !important;
}

span.amount-position {
  float: right !important;
}

th.heading-position {
  text-align: center !important;
}

td.left-position {
  text-align: left !important;
}

td.center-position {
  text-align: center !important;
}

.ui-selectcheckboxmenu-panel {
  background-color: #fff;
}

.ui-paginator-current {
  display: block !important;
}

.ui-dialog-title {
  color: #000 !important;
  text-shadow: none;
}

.ui-state-default {
  margin-bottom: 10px;
}

.aui input[type=color], .aui input[type=date], .aui input[type=datetime], .aui input[type=datetime-local], .aui input[type=email], .aui input[type=month], .aui input[type=number], .aui input[type=password], .aui input[type=search], .aui input[type=tel], .aui input[type=text], .aui input[type=time], .aui input[type=url], .aui input[type=week], .aui select, .aui textarea, .aui .uneditable-input {
  color: #8d8d8d !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-panel-content {
  padding: 0.5em 0em !important;
}

.ui-icon-circle-close {
  background-position: -32px -192px !important;
  background-color: black;
}

.ui-datagrid-content-empty {
  color: #bf7900;
  background-color: #fffbdc !important;
  border: 1px solid #f1d875 !important;
  padding: 8px 35px 8px 14px;
}

.ui-dialog {
  overflow-y: auto !important;
  max-height: 80% !important;
}

.ui-confirm-dialog {
  overflow-y: hidden;
}

.ui-chkbox {
  display: inline-flex !important;
  margin-right: 10px;
}

.table-heading {
  background-color: #79854E !important;
  color: #fff;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}

.cross {
  float: right;
  padding-right: 5px;
  font-size: 20px !important;
}

.cancel-trash {
  color: orangered;
  float: right;
  font-size: large;
  font-size: 20px !important;
}

.distant {
  margin-right: 5px;
}

.distant-left {
  margin-left: 5px;
}

.label-custom {
  white-space: normal !important;
}

button.ui-datepicker-trigger {
  margin-left: 5px;
}

.text-bold, .ui-column-title, label.text-bold {
  font-weight: bold;
}

.responsive-image {
  height: 80px !important;
  width: 75px;
  padding: 0.25em;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
}

.signature-image {
  width: 150px;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.row-margin {
  margin-left: 0px !important;
}

.mandatory {
  color: Red;
  font-size: 15px;
  margin-left: 2px;
  display: inline;
}

.aui select, .aui textarea, .aui input[type=text], .aui input[type=password], .aui input[type=datetime], .aui input[type=datetime-local], .aui input[type=date], .aui input[type=month], .aui input[type=time], .aui input[type=week], .aui input[type=number], .aui input[type=email], .aui input[type=url], .aui input[type=search], .aui input[type=tel], .aui input[type=color], .aui .uneditable-input {
  height: auto;
}

.ui-panelgrid .ui-panelgrid-cell {
  padding: 4px 0;
}

.ui-chkbox .ui-chkbox-label {
  cursor: pointer;
  display: inline-block;
  margin: 1px 0 0 3px;
  outline: medium none;
  vertical-align: top;
  z-index: 1;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  margin-bottom: 3px;
}

.ui-scrollpanel-native {
  overflow-x: hidden;
}

.pref-save-btn-div {
  float: left;
}

.aui .btn-group-primefaces > .btn + .btn {
  margin-left: 5px;
}

@media (max-width: 767px) {
  .aui .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: 0 !important;
    margin-top: 5px;
    width: 100%;
  }
}
.ui-datalist-item {
  font-weight: 100 !important;
}

.ui-tree .ui-treenode-label {
  margin: 0;
}

.rc-icon {
  color: #009ae5 !important;
}

.aui label {
  cursor: context-menu;
}

.ui-panel-titlebar-icon {
  margin-top: 2px !important;
  margin-bottom: 5px;
}

.info-bar-left {
  text-align: left;
  margin-left: 10px;
}

.info-bar-right {
  float: right;
  margin-right: 10px;
}

.btn-responsive {
  padding: 2px;
}

/* implement colors 
.ui-panel-titlebar {
    background-color: black;
    color: white;
    text-shadow: none;
}
table:not(.lfr-search-iterator-fixed-header-table) th, th.ui-state-default {
    background-color: black !important;
    color: white !important;
    text-shadow: none !important;
}
table:not(.lfr-search-iterator-fixed-header-table) th {
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
}
.main-label {
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background-color: black !important;
    color: white;
    padding: 10px 10px 10px 10px !important;
}

.information-bar {
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background-color: yellow;
    color: brown;
    padding: 10px 0px 10px 0px;
    width: 100% !important;
    font-weight: bold;
    margin-bottom: 5px;
}
.ui-confirmdialog-yes {
    background-color: #f1331e!important;
    color: white !important;
    font-weight: 100 !important;
}
.ui-confirmdialog-no {
    background-color: black!important; 
    color: white !important;
    font-weight: 100 !important;
}
.ui-dialog-titlebar {
    background-color: yellow;
 }
*/
.aui .table-bordered caption + thead tr:first-child th, .aui .table-bordered caption + tbody tr:first-child th, .aui .table-bordered caption + tbody tr:first-child td, .aui .table-bordered colgroup + thead tr:first-child th, .aui .table-bordered colgroup + tbody tr:first-child th, .aui .table-bordered colgroup + tbody tr:first-child td, .aui .table-bordered thead:first-child tr:first-child th, .aui .table-bordered tbody:first-child tr:first-child th, .aui .table-bordered tbody:first-child tr:first-child td {
  vertical-align: middle;
}

.aui .table th, .aui .table td {
  word-wrap: break-word;
  vertical-align: middle;
}

th.ui-state-default {
  text-align: center !important;
  vertical-align: middle !important;
}

.ui-selectonemenu-items-wrapper {
  max-height: 250px !important;
}

.ui-outputlabel.ui-widget.label.label-info {
  white-space: normal;
}

.ui-confirm-dialog-severity {
  position: fixed;
  margin-top: 2px;
}

.ui-confirm-dialog-message {
  margin-left: 20px;
}

/* table { */
/* 	border-right: 1px dotted black; */
/* } */
.ui-selectlistbox-item.ui-corner-all {
  word-wrap: break-word;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  margin-bottom: -3px;
}

.ui-selectlistbox-filter.ui-inputfield.ui-widget.ui-state-default.ui-corner-all {
  width: 100%;
  padding-right: 20px;
}

.ui-selectonemenu-label.ui-inputfield.ui-corner-all {
  text-overflow: ellipsis;
}

.ui-fileupload-progress {
  display: none;
}

.ui-selectonemenu-filter-container {
  display: inherit !important;
}

button.ui-datepicker-trigger.ui-button {
  margin-bottom: 7px;
}

.ui-fileupload-choose {
  margin-bottom: 0px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: default;
}

/* font size settings */
@media (min-width: 1px) and (max-width: 640px) {
  a, span, div {
    font-size: 11px;
  }
}
@media (min-width: 641px) and (max-width: 740px) {
  a, span, div {
    font-size: 12px;
  }
}
@media (min-width: 741px) {
  a, span, div {
    font-size: 14px;
  }
}
.even-row {
  background-color: #f9f9f9;
  height: 35px;
}

.odd-row {
  background-color: white;
  height: 35px;
  border-bottom: 1px dotted;
  border-top: 1px dotted;
}

.odd-col {
  padding: 8px;
}

.even-col {
  padding: 8px;
}

.grid {
  width: 100%;
}

.all-header {
  background-color: black;
  color: white;
  padding: 8px;
}

.ui-colorpicker_field input[type=text], .ui-colorpicker_hex input[type=text] {
  background-color: transparent;
  border: 0px;
  height: 13px;
  width: 60px;
}

.ui-colorpicker_hsb_h.ui-colorpicker_field, .ui-colorpicker_hsb_s.ui-colorpicker_field, .ui-colorpicker_hsb_b.ui-colorpicker_field {
  display: none;
}

@media all and (-ms-high-contrast: none) {
  .ui-colorpicker_field input[type=text], .ui-colorpicker_hex input[type=text] {
    height: 19px;
    margin-top: -7px;
  }
}
@-moz-document url-prefix() {
  .ui-colorpicker_field input[type=text], .ui-colorpicker_hex input[type=text] {
    height: 18px;
    margin-top: -2px;
  }
}
.empty-div {
  display: none;
}

.ui-editor.ui-widget-content {
  border: 1px solid #999 !important;
  border-radius: 3px;
}

.ui-timepicker-div .ui-widget-header {
  display: none;
}

.ui-spinner-down {
  bottom: -10px !important;
}

/******* Nova Light theme changes *****/
.ui-selectlistbox-listcontainer {
  border: 1px solid #999 !important;
}

.ui-widget-content, .ui-tabs-panels {
  border: 0px !important;
}

body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi) {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

label.ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-list label {
  font-weight: normal;
}

.ui-confirmdialog-yes {
  background-color: #f1331e !important;
  color: white !important;
  font-weight: 100 !important;
}

.ui-confirmdialog-no {
  background-color: black !important;
  color: white !important;
  font-weight: 100 !important;
}

.ui-dialog-titlebar {
  background-color: yellow;
}

.input-group-addon {
  height: 1.8rem;
}

.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0;
}

.bg-lighter {
  background-color: #F7F8F9 !important;
}

.text-lighter {
  color: #F7F8F9 !important;
}

.bg-gray-dark {
  background-color: #393A4A !important;
}

.text-gray-dark {
  color: #393A4A !important;
}

.list-group-item-flex > .autofit-col:first-of-type {
  padding-left: 10px;
  padding-right: 4px;
}

@media (min-width: 768px) {
  .info-panel {
    bottom: 0;
    position: absolute;
    top: 0;
  }
  .info-panel > .sidenav-menu {
    bottom: 0;
    position: absolute;
    right: 0 !important;
    top: 0;
  }
}

.navbar-top {
  padding-bottom: 0.907rem;
  padding-top: 0.907rem;
}
.navbar-top .portlet:hover, .navbar-top .portlet.open {
  z-index: 1035;
}

.navbar-blank {
  flex-wrap: wrap;
}
.navbar-blank .lexicon-icon {
  font-size: 0.625rem;
  margin: 0 0 0 0.25rem;
}

.navbar-classic {
  background-color: #fff;
}
.navbar-classic.navbar-light {
  border-bottom: 1px solid #e7e7ed;
}
@media (max-width: 575.98px) {
  .navbar-classic .navbar-blank {
    margin-top: 1rem;
  }
}
.navbar-classic .navbar-form {
  padding: 0;
}
.navbar-classic .navbar-form .field-wrapper {
  right: 0;
  top: 0;
}
.navbar-classic .navbar-form .field-wrapper .lfr-icon-item {
  color: #6b6c7e;
}
@media (max-width: 767.98px) {
  .navbar-classic .portlet-search-bar {
    width: 100%;
  }
}
.navbar-classic .portlet-search-bar .input-group-item {
  margin-left: 0;
}
.navbar-classic .logo:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .navbar-classic .navbar-nav .nav-item:not(:last-of-type) .nav-link {
    margin-right: 16px;
  }
}
.navbar-classic .nav-link {
  color: #6b6c7e;
  font-size: 0.9375rem;
  font-weight: 600;
}

@media (min-width: 576px) {
  .sidebar-default .sidebar-header {
    padding-top: 0;
  }
}
.sidebar-default .sidebar-header .sidebar-title {
  font-size: 1rem;
  font-weight: 600;
  padding-top: 0.5rem;
}
.sidebar-default .sidebar-header .sidebar-subtitle {
  font-size: 0.875rem;
  font-weight: 600;
}
.sidebar-default .sidebar-header h4 {
  padding-top: 8px;
}
.sidebar-default .sidebar-header .text-default {
  color: #6B6C7E;
  font-size: 0.875rem;
  font-weight: 400;
}
.sidebar-default .sidebar-header .icon-monospaced {
  color: #6B6C7E;
}
@media (min-width: 576px) {
  .sidebar-default .navbar-default {
    background-color: transparent;
  }
  .sidebar-default .navbar-default .navbar-nav {
    border-bottom: 1px solid #cdced9;
    width: 100%;
  }
}
.sidebar-default .navbar-default .active > a {
  font-weight: 600;
  padding: 13px 16px;
}
.sidebar-default .navbar-default .active > a:after {
  content: "";
  height: 4px;
  left: 0;
  right: 0;
}
.sidebar-default .navbar-collapse {
  border-bottom: 1px solid #cdced9;
}
@media (min-width: 576px) {
  .sidebar-default .navigation-bar-light,
.sidebar-default .sidebar-block > .list-group-item,
.sidebar-default .panel,
.sidebar-default .panel-group .panel {
    background-color: transparent;
    border-color: transparent;
  }
}

div.splitter {
  background-color: transparent;
  padding-left: 0;
}

.table-list th:first-child,
.table-list td:first-child {
  padding-left: 18px;
  padding-right: 6px;
}

.widget-mode-detail {
  background-color: #fff;
}
.widget-mode-detail .title {
  color: #272833;
  font-weight: 700;
  line-height: 1.25;
}
.widget-mode-detail .sub-title {
  color: #a0a1b0;
  font-weight: 400;
}
.widget-mode-detail .widget-metadata {
  font-size: 0.875rem;
}
.widget-mode-detail .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-detail .widget-metadata .username {
  color: #272833;
  font-weight: 600;
  line-height: 2;
}
.widget-mode-detail .aspect-ratio {
  padding-bottom: 480px;
}

.widget-mode-card .card {
  border-radius: 8px;
}
.widget-mode-card .card-header {
  border-radius: 8px 8px 0 0;
}
.widget-mode-card .card-body {
  padding: 24px;
}
.widget-mode-card .widget-topbar .title-link {
  color: #272833;
}
.widget-mode-card .widget-topbar .title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 24px;
}
.widget-mode-card .widget-metadata {
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.widget-mode-card .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-card .widget-metadata .username {
  color: #272833;
  font-weight: 600;
}
.widget-mode-card .widget-resume {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}
.widget-mode-card .card-footer {
  background-color: transparent;
  padding: 0 1rem 1rem;
}
.widget-mode-card .widget-toolbar {
  border-top: 1px solid #e7e7ed;
  padding-top: 8px;
}

.widget-mode-simple .widget-mode-simple-entry:not(:last-child) {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.widget-mode-simple .widget-topbar .title-link {
  color: #272833;
}
.widget-mode-simple .widget-topbar .title {
  font-size: 1.75rem;
  font-weight: 700;
}
.widget-mode-simple .widget-metadata {
  font-size: 0.875rem;
}
.widget-mode-simple .widget-metadata .inline-item-before {
  margin-right: 1rem;
}
.widget-mode-simple .widget-metadata .username {
  color: #272833;
  font-weight: 600;
}

.widget-toolbar .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}

.portlet-layout .portlet .management-bar > .container-fluid-max-xl,
.portlet-layout .portlet .navbar-underline > .container-fluid-max-xl {
  padding-left: 0;
  padding-right: 0;
}
.portlet-layout .portlet .portlet-title-text {
  color: #6B6C7E;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 2.2;
  margin-bottom: 0;
  text-transform: uppercase;
}

.portlet > .portlet-topper {
  font-size: 0.87rem;
  padding: 0 4px 0 8px;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: block;
    white-space: nowrap;
  }
}
@media (min-width: 576px) {
  .portlet > .portlet-topper {
    right: auto;
  }
}
.portlet > .portlet-topper .portlet-title-default {
  display: inline-block;
  line-height: 1.5rem;
  vertical-align: middle;
}
.portlet > .portlet-topper .portlet-name-text {
  margin-right: 0.75rem;
}
.portlet > .portlet-topper .portlet-topper-toolbar {
  display: inline-block;
  vertical-align: middle;
}
.portlet > .portlet-topper .portlet-topper-toolbar,
.portlet > .portlet-topper .icon-monospaced {
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.portlet > .portlet-topper .lexicon-icon {
  height: 0.875rem;
  width: 0.875rem;
}
.portlet:hover > .portlet-topper, .portlet.open > .portlet-topper {
  z-index: 999;
}

.portlet-decorate .portlet {
  margin-bottom: 24px;
}
.portlet-decorate .portlet-content {
  background-color: #fff;
  border: 1px solid #e7e7ed;
  border-radius: 0.25rem;
  padding: 24px;
}

.portlet-barebone .panel,
.portlet-borderless .panel {
  background-color: transparent;
}
.portlet-barebone .panel.card,
.portlet-borderless .panel.card {
  border-color: #cdced9;
  box-shadow: none;
}
.portlet-barebone .panel-default,
.portlet-borderless .panel-default {
  border-color: #cdced9;
}
.portlet-barebone .widget-mode-detail,
.portlet-borderless .widget-mode-detail {
  background-color: transparent;
}

.portlet-hello-world .portlet .portlet-content {
  background: #4885b7 url(../images/portlet_hello_world/welcome_bg.jpg) bottom left;
  background-clip: padding-box;
  background-size: cover;
  color: #FFF;
  min-height: 390px;
  padding-top: 30px;
}
@media (min-width: 576px) {
  .portlet-hello-world .portlet .portlet-content {
    padding-left: 50px;
  }
}
.portlet-hello-world .portlet .portlet-content .portlet-header {
  margin-bottom: 0;
}
.portlet-hello-world .portlet .portlet-content .portlet-title-text {
  color: #FFF;
  font-size: 2rem;
  font-weight: 700;
  text-transform: none;
}
.portlet-hello-world .portlet .portlet-content .portlet-body {
  padding-right: 30%;
}
@media (min-width: 576px) {
  .portlet-hello-world .portlet .portlet-content .portlet-body {
    padding-right: 60%;
  }
}

/**NS Connect modification start**/
.portlet-title-text {
  display: none !important;
}

.portlet-msg-alert, .portlet-msg-error, .portlet-msg-success {
  padding: 8px 35px 8px 14px !important;
}

span.mendatory, span.required-text {
  color: red;
}

.ui-state-highlight:not(.ui-growl-item-container) {
  background-color: #06192b !important;
  background-image: none !important;
  border: medium none !important;
  color: #fff !important;
}

table:not(.lfr-search-iterator-fixed-header-table) {
  border-collapse: collapse !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) {
  font-size: 14px !important;
  border-radius: 0 !important;
}

body .ui-datatable thead th {
  background-color: #000 !important;
  color: #fff !important;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  background-image: none !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) thead th {
  font-size: 13px !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) td {
  border-top: 1px dotted #999 !important;
}

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

.table-bordered th, .table-bordered td {
  border-left: 1px dotted #999 !important;
}

body .ui-datatable .ui-datatable-data > tr > td {
  border: 1px solid #c8c8c8 !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) td.text-center {
  text-align: center !important;
}

@media (max-width: 640px) {
  .del-col {
    display: block;
  }

  .name-col {
    display: none !important;
  }
}
.del-col {
  display: none;
}

.name-col {
  display: block;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none;
}

.visible-desktop {
  display: inherit !important;
}

.margin-left-10px {
  margin-left: 10px !important;
}

.margin-top-1px {
  margin-top: 1px !important;
}

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

.impersonation-msg {
  position: fixed;
  z-index: 1116;
  right: 360px;
  margin-top: 10px;
}

.max-width-70-pc {
  max-width: 70% !important;
  margin-top: 10px;
}

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

section#content {
  padding-left: 40px;
  padding-right: 40px;
}

body .ui-growl .ui-growl-item-container.ui-growl-info {
  background-color: #b7d8b7 !important;
  opacity: 1;
}

/* Dependent Tabs, Member Name of dependent on View profile etc.*/
.ui-area-btn-alphabet {
  background-color: #1C75BC !important;
  background-image: linear-gradient(to bottom, #444444, #222222) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-area-btn-inverse {
  background-color: #1C75BC !important;
  background-image: linear-gradient(to bottom, #444444, #222222) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-area-btn-info {
  background-color: #000 !important;
  background-image: linear-gradient(to bottom, #00cfff, #00beeb) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

/* Dependent Tabs, Member Name of dependent on View profile etc.*/
.ui-area-btn-print {
  background-color: #1C76BE !important;
  border: medium none !important;
  transition: all 0.9s ease;
  background-image: linear-gradient(to bottom, #444444, #222222) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-area-btn-print:hover {
  background-color: #000 !important;
}

.ui-area-btn-next {
  background-color: #1C76BE !important;
  /*  background-image: linear-gradient(to bottom, #54aaff, #4a96e8); */
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-area-btn-previous {
  background-color: #1C76BE !important;
  /* background-image: linear-gradient(to bottom, #54aaff, #4a96e8); */
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-area-btn-statement {
  background-color: black !important;
  /* background-image: linear-gradient(to bottom, #54aaff, #4a96e8); */
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-area-btn-statement-active {
  background-color: #656571 !important;
  /* background-image: linear-gradient(to bottom, #54aaff, #4a96e8); */
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-area-btn-make-payment {
  background-color: black !important;
  /* background-image: linear-gradient(to bottom, #444444, #222222); */
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

/* For Add button */
.ui-area-btn-primary {
  background-color: #50a2f5 !important;
  background-image: linear-gradient(to bottom, #54aaff, #4a96e8) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

/* For Add button */
/* For Edit button */
.ui-area-btn-secondry {
  background-color: #1C75BC !important;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

/* For Edit button */
/* For Danger button */
.ui-area-btn-danger {
  background-color: #f1331e !important;
  background-image: linear-gradient(to bottom, #f53924, #ed2c17) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

/* For Danger button */
/* For Cancel button */
.ui-area-btn-warning {
  background-color: #1C75BC !important;
  background-image: linear-gradient(to bottom, #ffa658, #f49645) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

/* For Cancel button */
/* For Save button */
.ui-area-btn-success {
  background-color: #000 !important;
  background-image: linear-gradient(to bottom, #0ecd27, #0aba1d) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

/* For Save button */
.ui-area-btn {
  -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 !important;
  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: 20px;
  margin-bottom: 0;
  padding: 4px 12px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: 0 !important;
  border-radius: 0px !important;
  /* 	min-width: 70px !important; */
}

.ui-area-btn:hover {
  text-decoration: none !important;
  /* 	background-color: #888 !important; */
}

/***************RECENT ACTIVITIES ***************/
.label-long-primary, .label-long-info {
  background-color: #c7975b !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin-bottom: 5px !important;
  margin-top: 10px !important;
  padding: 4px 5px 3px !important;
  text-align: left !important;
}

.label-long-danger {
  background-color: #c7975b !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin-bottom: 5px !important;
  margin-top: 10px !important;
  padding: 4px 5px 3px !important;
  text-align: left !important;
}

.label-info {
  background-color: #c4870e !important;
}

.label-long-warning, .label-warning {
  background-color: #033713 !important;
  display: block;
}

.label-danger {
  background-color: #c7975b !important;
  clear: right;
  color: #fff;
  display: block !important;
  padding: 5px 10px 0 !important;
}

.label-long-warning, .label-warning {
  background-color: #033713 !important;
  display: block;
}

.label-long-success, .label-success:not(.portlet-configuration.portlet-journal-content .label) {
  background-color: #c7975b !important;
  clear: right;
  color: #fff !important;
  /*   display: block !important; */
  margin-bottom: 5px !important;
  font-size: 14px !important;
  text-align: left;
  padding: 5px;
}

.label-long-default, .label-default {
  background-color: #777 !important;
  display: block;
}

.recent-charges-mini-table {
  width: 100%;
}

.label-long-recent-acti.label-danger span {
  color: #fff;
}

/**********MEMBERDIRECTORY ************/
.box-style {
  /* 	background-color: #fff;
  	border: 1px solid #BCC2A7;
  	margin: 5px;
  	min-height: 143px;
  	padding: 7px;
  	text-align: center; */
  width: 215px;
}

.iceSelInpTxtRow {
  cursor: pointer;
  overflow: hidden;
  padding: 0.3em 1em;
  white-space: nowrap;
}

.iceSelInpTxtSelRow {
  cursor: pointer;
  overflow: hidden;
  padding: 0.3em 1em;
  white-space: nowrap;
  background-color: #ccc;
}

.iceSelInpTxtList {
  background-color: #fff;
  box-shadow: 2px 2px 3px #8a8d90;
  z-index: 9 !important;
}

/**********MEMBERDIRECTORY ************/
/*-----headings-reservation----*/
.headings-reservation {
  font-size: 20px;
}

/*-----headings-reservation----*/
.diningReservationTitle {
  background-color: #f5f5f5;
}

.reservations-heading {
  background-color: #f5f5f5;
}

@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 only screen and (max-width: 768px) {
  .hidden-desktop {
    display: inherit !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;
  }
}
/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-acquisitions-incorporated:before {
  content: "\f6af";
}

.fa-ad:before {
  content: "\f641";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-card:before {
  content: "\f2bb";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adobe:before {
  content: "\f778";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-air-freshener:before {
  content: "\f5d0";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-allergies:before {
  content: "\f461";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angry:before {
  content: "\f556";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-alt:before {
  content: "\f5d1";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-archive:before {
  content: "\f187";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-arrow-alt-circle-left:before {
  content: "\f359";
}

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-arrows-alt-h:before {
  content: "\f337";
}

.fa-arrows-alt-v:before {
  content: "\f338";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-atlas:before {
  content: "\f558";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-audible:before {
  content: "\f373";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-award:before {
  content: "\f559";
}

.fa-aws:before {
  content: "\f375";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-baby-carriage:before {
  content: "\f77d";
}

.fa-backspace:before {
  content: "\f55a";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-bahai:before {
  content: "\f666";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-balance-scale-left:before {
  content: "\f515";
}

.fa-balance-scale-right:before {
  content: "\f516";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-band-aid:before {
  content: "\f462";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-baseball-ball:before {
  content: "\f433";
}

.fa-basketball-ball:before {
  content: "\f434";
}

.fa-bath:before {
  content: "\f2cd";
}

.fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-bed:before {
  content: "\f236";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bible:before {
  content: "\f647";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-biking:before {
  content: "\f84a";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-blog:before {
  content: "\f781";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before {
  content: "\f0e7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-book-dead:before {
  content: "\f6b7";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-reader:before {
  content: "\f5da";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-border-style:before {
  content: "\f853";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-broadcast-tower:before {
  content: "\f519";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-bug:before {
  content: "\f188";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-burn:before {
  content: "\f46a";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before {
  content: "\f55e";
}

.fa-business-time:before {
  content: "\f64a";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-times:before {
  content: "\f273";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-car:before {
  content: "\f1b9";
}

.fa-car-alt:before {
  content: "\f5de";
}

.fa-car-battery:before {
  content: "\f5df";
}

.fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-square-down:before {
  content: "\f150";
}

.fa-caret-square-left:before {
  content: "\f191";
}

.fa-caret-square-right:before {
  content: "\f152";
}

.fa-caret-square-up:before {
  content: "\f151";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-centos:before {
  content: "\f789";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before {
  content: "\f51c";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-chart-area:before {
  content: "\f1fe";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-line:before {
  content: "\f201";
}

.fa-chart-pie:before {
  content: "\f200";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-city:before {
  content: "\f64f";
}

.fa-clinic-medical:before {
  content: "\f7f2";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-download-alt:before {
  content: "\f381";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-cloud-upload-alt:before {
  content: "\f382";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-cocktail:before {
  content: "\f561";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-alt:before {
  content: "\f27a";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-comment-dots:before {
  content: "\f4ad";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comments:before {
  content: "\f086";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compress:before {
  content: "\f066";
}

.fa-compress-alt:before {
  content: "\f422";
}

.fa-compress-arrows-alt:before {
  content: "\f78c";
}

.fa-concierge-bell:before {
  content: "\f562";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before {
  content: "\f565";
}

.fa-cross:before {
  content: "\f654";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-deaf:before {
  content: "\f2a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-diagnoses:before {
  content: "\f470";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-digital-tachograph:before {
  content: "\f566";
}

.fa-directions:before {
  content: "\f5eb";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dizzy:before {
  content: "\f567";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-dollar-sign:before {
  content: "\f155";
}

.fa-dolly:before {
  content: "\f472";
}

.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-donate:before {
  content: "\f4b9";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dot-circle:before {
  content: "\f192";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-download:before {
  content: "\f019";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-drafting-compass:before {
  content: "\f568";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dribbble-square:before {
  content: "\f397";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edit:before {
  content: "\f044";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-envira:before {
  content: "\f299";
}

.fa-equals:before {
  content: "\f52c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-exchange-alt:before {
  content: "\f362";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-expand:before {
  content: "\f065";
}

.fa-expand-alt:before {
  content: "\f424";
}

.fa-expand-arrows-alt:before {
  content: "\f31e";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-external-link-alt:before {
  content: "\f35d";
}

.fa-external-link-square-alt:before {
  content: "\f360";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper:before {
  content: "\f1fb";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-fan:before {
  content: "\f863";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before {
  content: "\f56b";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-female:before {
  content: "\f182";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-figma:before {
  content: "\f799";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-alt:before {
  content: "\f15c";
}

.fa-file-archive:before {
  content: "\f1c6";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-file-download:before {
  content: "\f56d";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-medical-alt:before {
  content: "\f478";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-upload:before {
  content: "\f574";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-alt:before {
  content: "\f7e4";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "龜";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fist-raised:before {
  content: "\f6de";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-flushed:before {
  content: "\f579";
}

.fa-fly:before {
  content: "\f417";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-frown:before {
  content: "\f119";
}

.fa-frown-open:before {
  content: "\f57a";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-funnel-dollar:before {
  content: "\f662";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass-cheers:before {
  content: "\f79f";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glass-martini-alt:before {
  content: "\f57b";
}

.fa-glass-whiskey:before {
  content: "\f7a0";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-africa:before {
  content: "\f57c";
}

.fa-globe-americas:before {
  content: "\f57d";
}

.fa-globe-asia:before {
  content: "\f57e";
}

.fa-globe-europe:before {
  content: "\f7a2";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-greater-than:before {
  content: "\f531";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grimace:before {
  content: "\f57f";
}

.fa-grin:before {
  content: "\f580";
}

.fa-grin-alt:before {
  content: "\f581";
}

.fa-grin-beam:before {
  content: "\f582";
}

.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-grin-hearts:before {
  content: "\f584";
}

.fa-grin-squint:before {
  content: "\f585";
}

.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-grin-stars:before {
  content: "\f587";
}

.fa-grin-tears:before {
  content: "\f588";
}

.fa-grin-tongue:before {
  content: "\f589";
}

.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-grin-wink:before {
  content: "\f58c";
}

.fa-grip-horizontal:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hamburger:before {
  content: "\f805";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-hands:before {
  content: "\f4c2";
}

.fa-hands-helping:before {
  content: "\f4c4";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-hat:before {
  content: "\f807";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heart-broken:before {
  content: "\f7a9";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hiking:before {
  content: "\f6ec";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-home:before {
  content: "\f015";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-alt:before {
  content: "\f47d";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-house-damage:before {
  content: "\f6f1";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-hryvnia:before {
  content: "\f6f2";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-icons:before {
  content: "\f86d";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-ideal:before {
  content: "邏";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joint:before {
  content: "\f595";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-journal-whills:before {
  content: "\f66a";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-key:before {
  content: "\f084";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-kiss:before {
  content: "\f596";
}

.fa-kiss-beam:before {
  content: "\f597";
}

.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-laugh:before {
  content: "\f599";
}

.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-less-than:before {
  content: "\f536";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-long-arrow-alt-right:before {
  content: "\f30b";
}

.fa-long-arrow-alt-up:before {
  content: "\f30c";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-mail-bulk:before {
  content: "\f674";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-male:before {
  content: "\f183";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-memory:before {
  content: "\f538";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microblog:before {
  content: "駱";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-mouse:before {
  content: "\f8cc";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-music:before {
  content: "\f001";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-om:before {
  content: "\f679";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-otter:before {
  content: "\f700";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-pager:before {
  content: "\f815";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-parking:before {
  content: "\f540";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-pastafarianism:before {
  content: "\f67b";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-penny-arcade:before {
  content: "\f704";
}

.fa-people-carry:before {
  content: "\f4ce";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-percent:before {
  content: "\f295";
}

.fa-percentage:before {
  content: "\f541";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-alt:before {
  content: "\f879";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-square-alt:before {
  content: "\f87b";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-photo-video:before {
  content: "\f87c";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-square:before {
  content: "爛";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-play:before {
  content: "\f04b";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poll:before {
  content: "\f681";
}

.fa-poll-h:before {
  content: "\f682";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-portrait:before {
  content: "\f3e0";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-pray:before {
  content: "\f683";
}

.fa-praying-hands:before {
  content: "\f684";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-procedures:before {
  content: "\f487";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-project-diagram:before {
  content: "\f542";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-quran:before {
  content: "\f687";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-random:before {
  content: "\f074";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-remove-format:before {
  content: "\f87d";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-road:before {
  content: "\f018";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-running:before {
  content: "\f70c";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-school:before {
  content: "\f549";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-dollar:before {
  content: "\f688";
}

.fa-search-location:before {
  content: "\f689";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shapes:before {
  content: "\f61f";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shuttle-van:before {
  content: "\f5b6";
}

.fa-sign:before {
  content: "\f4d9";
}

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-sith:before {
  content: "\f512";
}

.fa-skating:before {
  content: "\f7c5";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-skiing:before {
  content: "\f7c9";
}

.fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

.fa-slash:before {
  content: "\f715";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-smile:before {
  content: "\f118";
}

.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-smile-wink:before {
  content: "\f4da";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-smoking-ban:before {
  content: "\f54d";
}

.fa-sms:before {
  content: "\f7cd";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snowboarding:before {
  content: "\f7ce";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-spider:before {
  content: "\f717";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-square-root-alt:before {
  content: "\f698";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-alt:before {
  content: "\f54f";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stream:before {
  content: "\f550";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-surprise:before {
  content: "\f5c2";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-swimmer:before {
  content: "\f5c4";
}

.fa-swimming-pool:before {
  content: "\f5c5";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-tenge:before {
  content: "\f7d7";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-theater-masks:before {
  content: "\f630";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-tint:before {
  content: "\f043";
}

.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-tired:before {
  content: "\f5c8";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tools:before {
  content: "\f7d9";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-torah:before {
  content: "\f6a0";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-trailer:before {
  content: "論";
}

.fa-train:before {
  content: "\f238";
}

.fa-tram:before {
  content: "\f7da";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-trello:before {
  content: "\f181";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-loading:before {
  content: "\f4de";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-tshirt:before {
  content: "\f553";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "雷";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-upload:before {
  content: "\f093";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-alt:before {
  content: "\f406";
}

.fa-user-alt-slash:before {
  content: "\f4fa";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-cog:before {
  content: "\f4fe";
}

.fa-user-edit:before {
  content: "\f4ff";
}

.fa-user-friends:before {
  content: "\f500";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-cog:before {
  content: "\f509";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vials:before {
  content: "\f493";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-mute:before {
  content: "\f6a9";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vote-yea:before {
  content: "\f772";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-walking:before {
  content: "\f554";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-water:before {
  content: "\f773";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before {
  content: "\f5ce";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wpressr:before {
  content: "\f3e4";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-zhihu:before {
  content: "\f63f";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("nsconnect/fontawesome/webfonts/fa-brands-400.eot");
  src: url("nsconnect/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("nsconnect/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("nsconnect/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("nsconnect/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("nsconnect/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("nsconnect/fontawesome/webfonts/fa-solid-900.eot");
  src: url("nsconnect/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("nsconnect/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("nsconnect/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("nsconnect/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("nsconnect/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.container {
  max-width: 100% !important;
  padding: 2em 3em 0 !important;
}

@media (max-width: 767px) {
  .container {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  .container {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
}
body {
  margin: 0 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #333 !important;
  background-color: white !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #555 !important;
  font-weight: 200 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  line-height: 20px !important;
  color: inherit !important;
  text-rendering: optimizelegibility !important;
}

h1 {
  font-size: 38.5px !important;
  line-height: 40px !important;
  margin: 10px 0 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  line-height: 20px;
  color: inherit !important;
  text-rendering: optimizelegibility !important;
}

h2 {
  font-size: 31.5px !important;
}

h3 {
  font-size: 24.5px !important;
}

h1, h2, h3 {
  line-height: 40px !important;
}

.text-left {
  text-align: left;
}

input[readonly] {
  background-color: #eee !important;
}

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

table:not(.lfr-search-iterator-fixed-header-table) {
  border-collapse: collapse !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) {
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

.portlet-msg-alert:not(.alert-dismissible), .alert:not(.alert-dismissible, .hide) {
  color: #bf7900 !important;
  padding: 8px 35px 8px 14px !important;
  margin-bottom: 20px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  background-color: #fffbdc !important;
  border: 1px solid #f1d875 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px !important;
  font-weight: 200 !important;
  display: block !important;
  line-height: 20px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

.ui-selectcheckboxmenu-item label {
  display: inline-block !important;
}

/*
Move to Tee Time CSS, if causing issue in other Portlet
*/
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  border: 0px !important;
}

/*
Move to Tee Time CSS, if causing issue in other Portlet
*/
label {
  cursor: context-menu !important;
  color: #555;
  font-weight: 200 !important;
  display: block !important;
  line-height: 20px !important;
  display: block !important;
  font-size: 15px !important;
}

@media (min-width: 741px) {
  a, span, div {
    font-size: 14px;
  }
}
.portlet-msg-error:not(.alert-dismissible) {
  background-color: #fee5e2 !important;
  padding: 8px 35px 8px 14px !important;
  margin-bottom: 20px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #f1d875 !important;
  border-radius: 2px !important;
  border-color: #fcaca5 !important;
  color: #b50303 !important;
}

.portlet-msg-success:not(.alert-dismissible) {
  background-color: #f1fbd1 !important;
  border-color: #bce830 !important;
  color: #488f06 !important;
  padding: 8px 35px 8px 14px !important;
  margin-bottom: 20px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #f1d875 !important;
  font-weight: 200 !important;
  font-family: Arial, sans-serif !important;
  border-color: #bce830 !important;
}

.ui-selectcheckboxmenu {
  padding-left: 2px !important;
}

.ui-selectonemenu {
  padding-left: 1px !important;
  border: 1px solid #ccc !important;
  background-color: white !important;
}

body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi) {
  font-family: Arial, sans-serif !important;
}

@media (min-width: 641px) {
  .ui-calendar input {
    height: 30px !important;
  }
}
.font-bold {
  font-weight: bold !important;
}

.input-group > .form-control {
  width: inherit !important;
}

code {
  padding: 2px 4px !important;
  padding: 2px 4px !important;
  color: #d14 !important;
  background-color: #f7f7f9 !important;
  border: 1px solid #e1e1e8 !important;
  white-space: !important;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
  font-size: 12px !important;
  border-radius: 3px !important;
}

select:not(.form-control), textarea:not(.form-control), input[type=text]:not(.form-control), input[type=password]:not(.form-control), input[type=datetime]:not(.form-control), input[type=datetime-local]:not(.form-control), input[type=date]:not(.form-control), input[type=month]:not(.form-control), input[type=time]:not(.form-control), input[type=week]:not(.form-control), input[type=number]:not(.form-control), input[type=email]:not(.form-control), input[type=url]:not(.form-control), input[type=search]:not(.form-control), input[type=tel]:not(.form-control), input[type=color]:not(.form-control), .uneditable-input {
  border: 1px solid #ccc !important;
  line-height: 20px !important;
  padding: 4px 6px !important;
  margin-bottom: 10px !important;
}

.ui-selectoneradio label {
  display: inline-block !important;
}

body .ui-panelgrid .ui-panelgrid-cell {
  padding: 4px 0 !important;
}

@media (min-width: 980px) {
  .ui-fluid .ui-selectonemenu {
    max-width: 271px;
  }

  .ui-fluid .ui-selectcheckboxmenu {
    max-width: 271px;
  }

  .ui-fluid .ui-inputtext, .ui-fluid .ui-selectonemenu {
    max-width: 271px !important;
  }
}
.ui-paginator {
  border: none !important;
}

body .ui-datagrid .ui-datagrid-content {
  padding: 0 !important;
}

a {
  font-weight: 200 !important;
}

body .ui-datagrid .ui-datagrid-header {
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  border: 1px solid #c8c8c8 !important;
  color: #333 !important;
  font-weight: bold !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
  border-bottom: 0px none !important;
  padding: 4px 10px !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) td {
  padding: 8px !important;
  line-height: 20px !important;
  text-align: left;
  background-color: #f9f9f9;
  border-top: 1px dotted #999 !important;
  border-left: 1px dotted #999 !important;
  word-wrap: break-word !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) td.center-position {
  text-align: center !important;
}

@media (min-width: 641px) {
  .table td.col-amount {
    text-align: right !important;
  }
}
.table:not(.lfr-search-iterator-fixed-header-table) tbody td, .table:not(.lfr-search-iterator-fixed-header-table) tbody th, .table:not(.lfr-search-iterator-fixed-header-table) tfoot td, .table:not(.lfr-search-iterator-fixed-header-table) tfoot th {
  background-color: #f9f9f9;
}

.table:not(.lfr-search-iterator-fixed-header-table) td.amount-position {
  text-align: right !important;
}

.table-bordered {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

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

body .ui-datalist .ui-datalist-content {
  padding: 0 !important;
}

.label:not(.workflow-value, .portlet-configuration.portlet-journal-content .label, .portlet-blogs .label, .calendar-portlet #calendarBookingDetailsPanelContainer .label) {
  display: inline !important;
  padding: 0.2em 0.6em 0.3em !important;
  font-size: 75% !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  border-radius: 0.25em !important;
  border: none !important;
  text-transform: none !important;
}

.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
  padding-left: 0 !important;
}

.text-bold, .ui-column-title, label.text-bold {
  font-weight: bold !important;
}

.ui-tabs {
  padding: 0.2em !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label {
  vertical-align: initial !important;
}

table:not(.lfr-search-iterator-fixed-header-table) th {
  text-align: center !important;
}

.ui-panelgrid-header.ui-widget-header {
  border: 1px solid #a8a8a8 !important;
  background: #c4c4c4 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  background: #c4c4c4 -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
  color: #333 !important;
  font-weight: bold !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}

h1 a {
  font-size: 38.5px !important;
  font-weight: bold !important;
}

.card {
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

select:not(.form-control) {
  width: 220px !important;
  border: 1px solid #ccc !important;
  background-color: white !important;
  padding: 4px 6px !important;
}

.ui-selectcheckboxmenu {
  width: 271px !important;
}

.well {
  min-height: 20px !important;
  padding: 19px !important;
  margin-bottom: 20px !important;
  background-color: whitesmoke !important;
  border: 1px solid #e3e3e3 !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}

.ui-fluid .ui-selectonemenu {
  width: 100% !important;
}

body .ui-datepicker .ui-datepicker-title select {
  width: 40% !important;
  margin-top: 8px !important;
}

.ui-spinner input[type=text] {
  padding-right: 25px !important;
  margin-bottom: 0 !important;
}

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

.ui-selectmanycheckbox label {
  display: inline-block !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) thead th {
  font-size: 13px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.table-bordered th, .table-bordered td {
  border-left: 1px dotted #999 !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) th, .table:not(.lfr-search-iterator-fixed-header-table) td {
  padding: 8px !important;
  line-height: 20px !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) th {
  height: auto !important;
}

.ui-widget-content .ui-widget a:not(.announcement-content a) {
  color: #4f4f4f;
}

.ui-panel .ui-panel-titlebar {
  padding: 0.5em 1em 0.3em !important;
}

/*
.ui-widget-header {
    border: 1px solid #a8a8a8 !important;
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))) !important;
    color: #333 !important;
    font-weight: bold !important;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7) !important;
}
*/
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
  background-color: white !important;
}

body .ui-inputfield {
  padding: 4px;
}

.ui-selectmanymenu {
  -webkit-box-shadow: inset 0 2px 2px #8f8f8f !important;
  box-shadow: inset 0 2px 2px #8f8f8f !important;
  color: #313131 !important;
}

.ui-chkbox {
  display: inline-flex !important;
}

.ui-selectonelistbox .ui-selectlistbox-item, .ui-selectmanymenu .ui-selectlistbox-item, .ui-multiselectlistbox .ui-multiselectlistbox-item {
  margin: 2px !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search {
  top: 24% !important;
  margin-top: 0px !important;
}

body .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 1em 1.4em !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon-search {
  top: 16% !important;
  margin-top: 0px !important;
}

.ui-state-default {
  margin-bottom: 10px !important;
}

.ui-spinner {
  max-width: 271px !important;
}

.table thead th a {
  color: #007ad9;
}

tr.mp-disabled-row td {
  background-color: gainsboro !important;
  color: red !important;
}

.table-striped tbody tr.mp-disabled-row td {
  background-color: gainsboro !important;
  color: red !important;
}

.ui-datatable tbody td {
  border-width: 1px !important;
}

body .ui-slider {
  background-color: #c8c8c8 !important;
}

span.ui-panel-title {
  vertical-align: -webkit-baseline-middle !important;
}

label.ui-state-error {
  background: #fef1ec -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  color: #cd0a0a !important;
}

body .ui-inputfield.ui-state-error {
  border: 1px solid #cd0a0a !important;
}

.ui-selectonemenu-filter-container input {
  padding-left: 13px !important;
}

.margin-right-5px {
  margin-right: 5px !important;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-default {
  color: #555;
}

@media (min-width: 1200px) {
  .row-fluid [class*=ui-grid-col-] {
    padding-left: 2.5641% !important;
  }

  .row-fluid [class*=ui-grid-col-]:first-child {
    padding-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .row-fluid [class*=ui-grid-col], .ui-grid-row [class*=ui-grid-col] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  body .ui-scrollpanel {
    padding: 0 !important;
  }

  .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: 0 !important;
    margin-top: 5px;
    width: 100%;
  }
}
@media (max-width: 640px) {
  h1 {
    font-size: 25px !important;
  }
}
.portlet-login .portlet-title-text {
  display: none;
}

.view-image {
  display: none;
}

.taglib-captcha > .form-group.input-text-wrapper {
  display: block;
}

.recaptcha-container > .taglib-captcha > .form-group.input-text-wrapper {
  display: inline-block;
}

span.refresh {
  background-image: url(../images/portlet/refresh.png);
  height: 16px;
  width: 16px;
}

.portlet-login .login-container.horizontal {
  text-align: left !important;
}

.portlet-login .login-container.horizontal .navigation.d-flex.justify-content-center {
  justify-content: left !important;
}

.portlet-login .login-container.horizontal .row.login-controls {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.login-container.horizontal .btn-sign-in {
  margin-top: 24px;
}

.login-container.horizontal .forgot-password-controls .btn-sign-in, .login-container.horizontal .login-controls .btn-sign-in {
  margin-top: 27px;
}

.login-container.horizontal .forgot-password-controls .btn-next-or-send {
  margin-top: 27px;
}

.login-container.horizontal .forgot-password-controls .recaptcha-container .taglib-captcha {
  margin: 0;
}

.login-container.horizontal .forgot-password-controls .recaptcha-container .taglib-captcha .refresh {
  vertical-align: middle;
}

.login-container.horizontal .btn-sign-in a:not(.btn-sign-in .forgot-password a) {
  color: #FFF;
  background-color: #0B5FFF;
  border-color: #0B5FFF;
  box-shadow: none;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.4375rem 0.9375rem;
  font-weight: 600 !important;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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;
}

.login-container.horizontal .btn-sign-in a.taglib-icon:hover .taglib-text {
  text-decoration: none;
}

.width-initial {
  width: initial !important;
}

.portlet-layout.row > .col-md-4 .login-container.container-fluid.horizontal .login-controls .input-text-wrapper {
  margin-right: 2px;
}

.portlet-layout.row > .col-md-4 .login-container.container-fluid.horizontal .login-controls .btn-sign-in {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.portlet-layout.row > .col-md-4 .login-container.container-fluid.horizontal .login-controls .btn-sign-in .btn.btn-primary.btn-default {
  padding-right: 5px;
  padding-left: 5px;
}

@media only screen and (max-device-width: 480px) {
  .portlet-login .login-container.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }

  .portlet-login .login-container.default .row.justify-content-center {
    display: block !important;
    margin-right: 0px;
    margin-left: 0px;
  }

  .portlet-login .width-initial.form-control {
    width: 100% !important;
  }

  .portlet-login .login-container.smartphone .width-initial.form-control {
    width: initial !important;
  }

  .portlet-login .login-container.horizontal .navigation.d-flex.justify-content-center {
    justify-content: center !important;
  }

  .portlet-login .login-container.horizontal {
    text-align: center !important;
  }

  .portlet-login .form-inline, .portlet-login .row {
    display: block !important;
    margin-right: 0px;
    margin-left: 0px;
  }

  .portlet-login .d-none, .portlet-login .hide {
    display: none !important;
  }

  .portlet-login .login-container.horizontal .forgot-password-controls .width-initial.form-control {
    display: initial !important;
    width: initial !important;
  }

  .login-container.horizontal .btn-sign-in a:not(.btn-sign-in .forgot-password a) {
    width: 100%;
  }

  .login-container.horizontal .btn-sign-in .navigation {
    display: block !important;
  }
}
.news-listing {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1.5px solid rgba(166, 161, 155, 0.23);
}
.news-listing .left, .news-listing .right {
  vertical-align: top;
}
.news-listing .left {
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .news-listing .left {
    position: absolute;
    left: 0px;
    top: 0px;
  }
}
@media (min-width: 768px) {
  .news-listing .left {
    position: absolute;
    left: 0px;
    top: 0px;
  }
}
.news-listing .left img {
  width: 100%;
}
@media (max-width: 575.98px) {
  .news-listing .left img {
    max-height: 135px;
    max-width: 180px !important;
  }
}
@media (min-width: 768px) {
  .news-listing .left img {
    max-height: 135px;
    max-width: 180px !important;
  }
}
@media (min-width: 992px) {
  .news-listing .left img {
    max-width: 200px;
  }
}
.news-listing .right {
  min-height: 135px;
}
@media (max-width: 575.98px) {
  .news-listing .right {
    padding-left: 200px;
  }
}
@media (min-width: 768px) {
  .news-listing .right {
    padding-left: 200px;
  }
}
@media (min-width: 992px) {
  .news-listing .right {
    padding-left: 216px;
  }
}
@media (min-width: 1280px) {
  .news-listing .right {
    padding-left: 230px;
  }
}
.news-listing h3 {
  margin-bottom: 10px;
  margin-top: 0;
}
.news-listing h3 a {
  color: #4a4a4a;
  font-weight: 300;
}
.news-listing date {
  display: block;
  margin-top: -4px;
  margin-bottom: 6px;
  text-transform: uppercase;
  color: #A6A19B;
  font-size: 13px;
  font-weight: 700;
}
.news-listing date span {
  margin-left: 4px;
  margin-right: 4px;
}

.announcement-dialog .ui-selectonemenu-label {
  width: 100px !important;
  border: 0px !important;
}

.announcement-portlet .ann-browse-btn {
  background-color: black !important;
}

.announcement-portlet {
  margin-bottom: 24px;
}

.announcement-portlet ul:not(.announcement-content ul) {
  list-style: outside none none;
  margin: 0 !important;
}

.announcement-portlet ul li b {
  padding: 0 0 0 5px;
}

.announcement-portlet li a {
  color: #000;
}

.announcement-portlet li a:hover {
  text-decoration: none;
}

.announcement-portlet .layoutTwoContentSpan .layoutTwoTitle {
  color: #000;
  display: block !important;
  margin: 3px 0 0;
  position: relative;
}

.layoutTwoContentShortDesc label {
  color: #fff !important;
}

/* end simple vieiw class */
/* announcement portlet classes new view */
.announcement-controls ul {
  padding-top: 3px;
  padding-bottom: 3px;
}

.announcement .announcement-bottom-bar {
  background-color: rgba(0, 0, 0, 0.5098039216) !important;
  font-family: "Oswald-Light", serif !important;
}

.announcement-bottom-bar .announcement-controls {
  margin-top: 5px;
  text-align: center;
  border-left: 1px solid #fff !important;
}

.announcement .announcement-title {
  color: #000 !important;
  font-weight: bold;
  display: block;
  font-size: 30px !important;
  line-height: normal !important;
  margin-left: 0 !important;
  margin-right: 10px;
  margin-bottom: 5px;
}

.announcement .announcement-description span {
  color: #fff !important;
  margin-left: 0;
  font-size: 15px;
  text-transform: uppercase;
  margin-left: 0 !important;
  font-family: "Oswald-Light", serif;
  font-weight: normal;
  display: inline-block;
}

.announcement span.announcement-short-description {
  font-size: 16px;
  text-transform: capitalize;
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 500;
}

/* .announcement .announcement-description {
    padding: 5px 5px 5px 5px !important;
} */
.announcement .announcement-pagination {
  color: #fff !important;
  vertical-align: top;
  margin-top: 0px !important;
  font-size: 14px !important;
  font-family: "Poppins-Regular", sans-serif !important;
}

.announcement-controls {
  padding: 3px 0 3px 0px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.announcement-wrappe-home .bx-wrapper {
  border: 1px solid #f5f5f5;
  margin-bottom: 15px !important;
  box-shadow: 0 0 30px #eee;
}

.announcement-controls ul li a {
  cursor: pointer;
}

.announcement .announcement-description {
  padding: 27px 0px 10px 20px !important;
  font-family: "Oswald-Light", serif !important;
}

.ann-textarea.ui-inputtextarea {
  max-width: 271px;
}

@media screen and (min-width: 200px) and (max-width: 767px) {
  .announcement-bottom-bar .announcement-controls {
    margin-top: 0px !important;
    padding: 5px !important;
  }

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

  .announcement .announcement-description {
    padding: 8px 5px 10px 5px !important;
  }

  .announcement-wrappe-home .bx-wrapper {
    background-color: #000;
  }

  .announcement .announcement-description span {
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
  }

  .bxslider .announcement .announcement-title {
    font-size: 16px !important;
    font-weight: bold !important;
  }

  .announcement-portlet .announcement .announcement-details {
    font-size: 14px !important;
  }

  .ann-search-btn {
    margin-bottom: 5px;
  }

  .announcement-dialog button.ui-datepicker-trigger.ui-button {
    float: none;
  }

  .ann-textarea.ui-inputtextarea {
    max-width: none !important;
  }
}
/* end announcement portlet classes new view */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .announcement .announcement-description span {
    font-size: 12px !important;
  }

  .announcement-bottom-bar .announcement-controls {
    padding-right: 3px !important;
  }

  .announcement .announcement-description span {
    margin-left: 5px !important;
  }

  .announcement .announcement-description {
    padding: 5px 15px 5px 0 !important;
  }
}
@media screen and (min-width: 200px) and (max-width: 1024px) {
  .announcement-portlet img.imageHeight {
    height: auto !important;
  }
}
#ui-area .announcement-portlet .announcement .announcement-description p {
  margin: 4px 0 4px 0 !important;
  line-height: normal !important;
  padding: 0 !important;
  text-align: left !important;
}

.announcement-portlet .span2.announcement-controls {
  float: right !important;
}

.announcement-portlet .announcement .announcement-details {
  font-size: 14px !important;
}

.announcement-portlet .announcement span.announcement-details {
  transition: all 0.3s linear 0s;
  color: #fff !important;
  transition: all 0.3s linear 0s;
  background-color: #0093b2 !important;
  padding: 5px 10px;
  margin-left: 10px !important;
}

.announcement-portlet .announcement span.announcement-details:hover {
  background-color: #081f36 !important;
  transition: all 0.3s linear 0s;
}

.announcement-portlet .ui-calendar input {
  max-width: 170px !important;
}
.announcement-portlet button.ui-datepicker-trigger.ui-button {
  margin-bottom: 6px !important;
}
.announcement-portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  border: 0px !important;
}

.announcement-portlet .bx-wrapper {
  margin-bottom: 0px;
}

.announcement-portlet a.ui-link .ui-widget {
  color: cornflowerblue !important;
}

.ann-search-container dt {
  background: lightgray;
  padding: 1px;
  margin: 2px;
  border: 1px solid lightgray;
  border-radius: 5px;
}

.bx-wrapper {
  box-shadow: none;
  border: none;
}

.announcement-dialog .ui-selectonemenu .ui-selectonemenu-label {
  overflow: initial;
}

.announcement-image-fixed img {
  width: 100px;
  height: 100px;
}

.announcement-portlet .layout3 span.announcementTitle {
  font-weight: bold;
  margin-left: 10px;
}

.ann-selected-category > a {
  font-weight: bold !important;
}

.announcement-search-btn-container, .announcement-reset-btn-container {
  margin-top: 1px;
}

.announcement-date-position:before {
  content: "Posted";
  float: right;
  padding: 0.2em;
}

.announcement-date-position {
  float: right;
  display: inline-grid;
}

.announcement-date:before {
  content: "Posted";
  display: inline-grid;
}

.announcement-date {
  display: inline-grid;
}

.ann-add-new-btn-pnl {
  padding: inherit;
}

.delete-popup-scroll {
  overflow-y: hidden !important;
}

.announcement-dialog .ui-dialog-content {
  overflow: revert !important;
}

.ann-priority-one-menu .ui-selectonemenu-items-wrapper {
  max-height: 110px !important;
}

/******* Admin Classes Forom Designer *********/
.form-designer-primefaces-portlet .ui-panel-titlebar {
  background: #081f36 !important;
  border: 1px dotted #ccc !important;
}
.form-designer-primefaces-portlet .ui-panel-titlebar span.ui-panel-title {
  color: #fff;
}
.form-designer-primefaces-portlet .ui-dialog-content a i {
  color: #081f36;
}

.form-designer-primefaces-portlet .required-text {
  color: red;
}

.form-designer-portlet label {
  display: inline-block;
  top: 0;
}

.form-designer-primefaces-portlet .btn-responsive a i {
  display: none;
}

/* form designer class */
.form-designer-primefaces-portlet .fd-text-area {
  max-width: 100% !important;
}

.form-designer-primefaces-portlet .fd-section-name .ui-widget-header {
  background-color: #081f36;
  color: #fff !important;
  margin: 0 !important;
  padding: 10px !important;
  font-size: 20px !important;
}

.form-designer-primefaces-portlet .fd-radio-btn tr {
  display: inline-block;
  margin-right: 10px;
}

/* end form designer class */
.form-designer-primefaces-portlet .ui-panel-content {
  padding-top: 0.3em !important;
}

.fd-radio-btn .ui-radiobutton.ui-widget {
  margin-right: 5px;
}

.form-designer-primefaces-portlet .ui-datepicker-trigger {
  margin-top: 0 !important;
}

.form-designer-primefaces-portlet .ui-panel-content {
  padding-top: 0 !important;
}

.form-designer-primefaces-portlet .fd-section-name .ui-panel-content .ui-corner-all {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* styles moved from webservices demo theme starts*/
.fd-lg {
  color: black;
}

.sec-lay-row-empty {
  text-align: center;
  color: red;
  font-weight: 700;
}

.delete-row-icon {
  width: 100%;
  float: left;
  text-align: center;
}

.sec-lay-row {
  width: 100%;
  float: left;
  border-right: 1px solid black;
}

.fd-alert-dialog-message {
  margin: 10px;
}

.sec-lay-col {
  border-left: 1px solid black;
  float: left;
  text-align: center;
  ord-wrap: break-word;
}

.section-active-bg {
  background-color: #D3D3D3;
}

.add-row-icon {
  text-align: center;
  float: left;
  width: 50%;
  border: none !important;
}

.magin-r {
  margin-right: 3px;
}

.margin-bot {
  margin-bottom: 10px;
}

.text-area {
  width: 95% !important;
  height: 50px;
  resize: none;
}

.display-drop-icon {
  float: left;
  cursor: pointer;
}

.display-all-icon {
  float: right;
}

.fd-text-area {
  resize: none;
  width: 100%;
}

.fd-select-one-menu {
  margin-top: -10px;
  width: 100%;
}

.imag-captch {
  width: 100%;
}

.mini-html-div {
  word-wrap: break-word;
  width: 100%;
}

.fd-radio-btn {
  margin-top: -15px;
}

.fd-section-name .ui-inputtext {
  max-width: 100% !important;
}

.fd-section-name .ui-state-default {
  margin-bottom: 0px !important;
}

.fd-section-name .ui-selectonemenu {
  max-width: 100% !important;
}

.fd-section-name .ui-selectmanymenu {
  max-width: 100% !important;
}

.mini-html-lab {
  margin-top: -5px;
}

.fd-file-upload {
  margin-top: -12px;
}

.font-bold {
  font-weight: bold !important;
}

.input-group-addon {
  padding: 7px 12px !important;
}

.input-group-addon.disabled, .input-group-addon.disabled + input {
  opacity: 0.7;
}

.fd-file-upload {
  width: 120px;
}

.fd-selected-form td {
  background-color: #c7c1c1 !important;
}

@media (max-width: 640px) {
  .fd-large-screen-only {
    display: none !important;
  }

  .imag-captch {
    width: 100%;
  }

  .del-col {
    display: block;
  }

  .fd-lg {
    font-size: large;
    color: black;
  }

  .ui-radiobutton {
    padding-top: 3px;
  }
}
.check-box-label {
  margin: 0px 0px 0px 10px;
}

@media (max-width: 1024px) {
  /* STYLES GO HERE */
  .mini-html-lab {
    margin-top: -8px;
  }

  .ui-radiobutton {
    padding-top: 3px;
  }
}
@media (max-width: 768px) {
  /* STYLES GO HERE */
  .mini-html-lab {
    margin-top: -15px;
  }

  .ui-radiobutton {
    padding-top: 3px;
  }
}
/* styles moved from webservice demo theme end*/
.form-designer-portlet .ui-datagrid .ui-datagrid-content-empty {
  color: #bf7900 !important;
  background-color: #fffbdc !important;
  border: 1px solid #f1d875 !important;
  padding: 8px 35px 8px 14px !important;
}

.crm-fdfl-sn, .crm-fdsl-sn {
  display: inline-block;
}

.crm-fdfl-se, .crm-fdsl-se {
  display: inline-block;
  float: right;
}

.crm-add-form {
  float: right;
}

.crm-pref-pg {
  width: 100% !important;
}

.crm-spouse-grid, .crm-children-grid, .crm-sponsors-grid {
  width: 100% !important;
}

.crm-signature {
  border: medium none !important;
  color: #3333ff !important;
  font-family: "Lucida Handwriting" !important;
  font-size: larger !important;
  font-weight: normal !important;
  height: 30px !important;
  text-align: center !important;
}

.crm-form textarea {
  max-width: 100% !important;
}

.crm-form input {
  max-width: 100% !important;
}

.crm-form .ui-autocomplete {
  max-width: 100% !important;
}

.crm-fd-width-unit {
  width: auto !important;
}

.crm-eapp-streetadd {
  max-height: 70px !important;
}

.edit-prosp {
  width: 20px;
}

.crm-plus {
  color: #009ae5 !important;
}

.back-to-pros {
  width: 180px !important;
  float: right;
}

.add-new-pros {
  width: 150px !important;
  float: right;
}

@media (max-width: 640px) {
  .spouse-cal {
    width: 88% !important;
  }
}
.ref-map-div {
  float: right;
}

.selected-group {
  background: #007ad9 !important;
  width: 100% !important;
  display: block;
  color: white !important;
  text-shadow: none !important;
  font-weight: bold !important;
  font-style: italic !important;
  font-size: 14px !important;
}

.section-group {
  color: black !important;
  font-size: 13px !important;
}

.select-section {
  color: white !important;
  font-weight: bold !important;
  float: right !important;
  background: #1c76be !important;
}

.section-detail {
  background-color: #52353514 !important;
  border: #e0e0e0 !important;
  border-style: solid !important;
  border-width: thin !important;
  width: 100% !important;
  display: block !important;
  margin-bottom: 5px !important;
  height: 90px !important;
}

.ui-wizard-nav-next, .ui-wizard-nav-back {
  color: white !important;
  font-weight: bold !important;
  background: #1c76be !important;
  text-shadow: none !important;
}

.renew-section {
  color: white !important;
  font-weight: bold !important;
  float: right !important;
  background: #1d7a0c !important;
}

.mem-sub-grid .ui-widget-content {
  background: #e7e6e6 !important;
}

.crm-state-menu {
  max-width: 120px !important;
}

.section-desc, .section-duration {
  margin-left: 30px !important;
}

.section-amount {
  float: right;
  padding: 5px !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.waiver-scroll-panel {
  height: 200px;
  width: 97%;
}

.step-lay-row-empty, .section-lay-row-empty {
  text-align: center;
  color: red;
  font-weight: 700;
}

.crm-portlet .ui-datagrid .ui-datagrid-content-empty {
  color: #bf7900 !important;
  background-color: #fffbdc !important;
  border: 1px solid #f1d875 !important;
  padding: 8px 35px 8px 14px !important;
}

.cc-openedge-iframe {
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  width: 100%;
}

iframe.cc-ezidebit-iframe {
  width: 100% !important;
  min-height: 400px !important;
}

.section-active-bg {
  background-color: #D3D3D3;
}

.crm-portlet .ui-selectonemenu {
  padding-left: 1px !important;
  border: 1px solid #ccc !important;
  background-color: white !important;
}

.crm-portlet .ui-confirm-dialog.ui-dialog .ui-confirm-dialog-severity.ui-icon-alert::before {
  content: "\e922";
  font-family: "primeicons";
}

.crm-portlet input[disabled], .crm-portlet select[disabled], .crm-portlet textarea[disabled], .crm-portlet input[readonly], .crm-portlet select[readonly], .crm-portlet textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee;
}

.crm-portlet .ui-selectonemenu {
  min-width: 110px !important;
}

.crm-portlet .crm-member-dependent-table .ui-selectonemenu.dependent-type-select-menu, .crm-portlet .crm-sponsors-table-listing .e-control-menu {
  width: -moz-available;
  width: -webkit-fill-available;
}

.crm-portlet .e-table .e-control-checkbox {
  min-width: min-content;
}

.crm-portlet .e-table .e-control-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
  max-width: 85% !important;
}

.crm-portlet .e-table .e-control-autocomplete .ui-autocomplete-dropdown.ui-button-icon-only {
  position: absolute !important;
}

.crm-portlet .e-table .employment-panel-tool-tip, .crm-portlet .e-table .panel-tool-tip {
  display: inline !important;
}

.crm-portlet .e-table.crm-prospectives-table tr.ui-state-highlight {
  color: black !important;
}

.crm-portlet tr td, .crm-portlet tr th {
  position: initial;
}

.crm-portlet .ui-wizard-step-title.ui-state-highlight.crm-wizard-tab {
  border: 1px solid #c8c8c8 !important;
}

.crm-portlet .ui-wizard-step-titles > li {
  margin-right: 5px !important;
}

.crm-portlet .section-detail label {
  display: inline-block !important;
}

.fa-edit {
  display: inline-block !important;
}

.fa-trash-alt {
  display: inline-block !important;
}

span.sso-extended-utility > .hasDatepicker {
  width: 100% !important;
}

/* 641px and above */
@media (min-width: 641px) {
  span.sso-extended-utility > .hasDatepicker {
    width: 100% !important;
  }
}
@media (max-width: 640px) {
  span.sso-extended-utility > .hasDatepicker {
    width: 100% !important;
  }
}
.container {
  max-width: 100% !important;
  padding: 2em 3em 0 !important;
}

@media (max-width: 767px) {
  .container {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  .container {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
}
body {
  margin: 0 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #333 !important;
  background-color: white !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #555 !important;
  font-weight: 200 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  line-height: 20px !important;
  color: inherit !important;
  text-rendering: optimizelegibility !important;
}

h1 {
  font-size: 38.5px !important;
  line-height: 40px !important;
  margin: 10px 0 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  line-height: 20px;
  color: inherit !important;
  text-rendering: optimizelegibility !important;
}

h2 {
  font-size: 31.5px !important;
}

h3 {
  font-size: 24.5px !important;
}

h3.panel-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  color: inherit !important;
}

h1, h2, h3 {
  line-height: 40px !important;
}

.text-left {
  text-align: left;
}

input[readonly] {
  background-color: #eee !important;
}

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

table {
  border-collapse: collapse !important;
}

.table {
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

.portlet-msg-alert, .alert:not(.alert-dismissible, .hide) {
  color: #bf7900 !important;
  padding: 8px 35px 8px 14px !important;
  margin-bottom: 20px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  background-color: #fffbdc !important;
  border: 1px solid #f1d875 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px !important;
  font-weight: 200 !important;
  display: block !important;
  line-height: 20px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

.ui-selectcheckboxmenu-item label {
  display: inline-block !important;
}

/*
Move to Tee Time CSS, if causing issue in other Portlet
*/
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  border: 0px !important;
}

/*
Move to Tee Time CSS, if causing issue in other Portlet
*/
label {
  cursor: context-menu !important;
  color: #555;
  font-weight: 200 !important;
  display: block !important;
  line-height: 20px !important;
  display: block !important;
  font-size: 15px !important;
  display: block !important;
  margin-bottom: 5px !important;
}

.mandatory {
  color: red !important;
}

@media (min-width: 741px) {
  a, span, div {
    font-size: 14px;
  }
}
.portlet-msg-error {
  background-color: #fee5e2 !important;
  padding: 8px 35px 8px 14px !important;
  margin-bottom: 20px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #f1d875 !important;
  border-radius: 2px !important;
  border-color: #fcaca5 !important;
  color: #b50303 !important;
}

.portlet-msg-success {
  background-color: #f1fbd1 !important;
  border-color: #bce830 !important;
  color: #488f06 !important;
  padding: 8px 35px 8px 14px !important;
  margin-bottom: 20px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #f1d875 !important;
  font-weight: 200 !important;
  font-family: Arial, sans-serif !important;
  border-color: #bce830 !important;
}

.ui-selectcheckboxmenu {
  padding-left: 2px !important;
}

.ui-selectonemenu:not(.e-control-menu) {
  padding-left: 1px !important;
  width: 220px !important;
  border: 1px solid #ccc !important;
  background-color: white !important;
}

body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi) {
  font-family: Arial, sans-serif !important;
}

@media (min-width: 641px) {
  .ui-calendar input {
    height: 30px !important;
  }
}
.font-bold {
  font-weight: bold !important;
}

.input-group > .form-control {
  width: inherit !important;
}

code {
  padding: 2px 4px !important;
  padding: 2px 4px !important;
  color: #d14 !important;
  background-color: #f7f7f9 !important;
  border: 1px solid #e1e1e8 !important;
  white-space: !important;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
  font-size: 12px !important;
  border-radius: 3px !important;
}

select, textarea, input[type=text]:not(.input-group-inset-after), input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
  border: 1px solid #ccc !important;
  line-height: 20px !important;
  padding: 4px 6px !important;
  margin-bottom: 10px !important;
  padding: 6px 12px !important;
}

.ui-selectoneradio label {
  display: inline-block !important;
}

/*
Padding necessary where multiple columns in rows and it overlaps on iPad etc.
Override it with custom class if not required in any Portlet
*/
body .ui-panelgrid .ui-panelgrid-cell {
  padding: 4px !important;
}

[class*=ui-grid-col-], [class*=ui-md-] {
  padding: 4px !important;
}

@media (min-width: 980px) {
  .ui-fluid .ui-selectonemenu {
    max-width: 271px;
  }

  .ui-fluid .ui-selectcheckboxmenu {
    max-width: 271px;
  }

  .ui-fluid .ui-inputtext, .ui-fluid .ui-selectonemenu {
    max-width: 271px !important;
  }
}
.ui-paginator {
  border: none !important;
}

body .ui-datagrid .ui-datagrid-content {
  padding: 0 !important;
}

a {
  font-weight: 200 !important;
}

body .ui-datagrid .ui-datagrid-header {
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  border: 1px solid #c8c8c8 !important;
  color: #333 !important;
  font-weight: bold !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
  border-bottom: 0px none !important;
  padding: 4px 10px !important;
}

.table td {
  padding: 8px !important;
  line-height: 20px !important;
  text-align: left;
  background-color: #f9f9f9;
  border-top: 1px dotted #999 !important;
  border-left: 1px dotted #999 !important;
  word-wrap: break-word !important;
}

.table td.center-position {
  text-align: center !important;
}

@media (min-width: 641px) {
  .table td.col-amount {
    text-align: right !important;
  }
}
.table tbody td, .table tbody th, .table tfoot td, .table tfoot th {
  background-color: #f9f9f9;
}

.table td.amount-position {
  text-align: right !important;
}

.table-bordered {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

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

body .ui-datalist .ui-datalist-content {
  padding: 0 !important;
}

.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
  padding-left: 0 !important;
}

.text-bold, .ui-column-title, label.text-bold {
  font-weight: bold !important;
}

.ui-tabs {
  padding: 0.2em !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label {
  vertical-align: initial !important;
}

th {
  text-align: center !important;
}

.ui-panelgrid-header.ui-widget-header {
  border: 1px solid #a8a8a8 !important;
  background: #c4c4c4 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  background: #c4c4c4 -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
  color: #333 !important;
  font-weight: bold !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}

h1 a {
  font-size: 38.5px !important;
  font-weight: bold !important;
}

.card {
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

select:not(.form-control) {
  width: 220px !important;
  border: 1px solid #ccc !important;
  background-color: white !important;
  padding: 4px 6px !important;
}

.ui-selectcheckboxmenu {
  width: 271px !important;
  max-width: 100% !important;
}

.well {
  min-height: 20px !important;
  padding: 19px !important;
  margin-bottom: 20px !important;
  background-color: whitesmoke !important;
  border: 1px solid #e3e3e3 !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}

.ui-fluid .ui-selectonemenu, .ui-fluid textarea {
  width: 100% !important;
  min-width: auto !important;
}

body .ui-datepicker .ui-datepicker-title select {
  width: 40% !important;
}

.ui-spinner input[type=text] {
  padding-right: 25px !important;
  margin-bottom: 0 !important;
}

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

.ui-selectmanycheckbox label {
  display: inline-block !important;
}

.table thead th {
  font-size: 13px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.table-bordered th, .table-bordered td {
  border-left: 1px dotted #999 !important;
}

.table th, .table td {
  padding: 8px !important;
  line-height: 20px !important;
}

.table th {
  height: auto !important;
}

.ui-widget-content .ui-widget a {
  color: #4f4f4f;
}

.ui-panel .ui-panel-titlebar {
  padding: 0.5em 1em 0.5em 1em !important;
}

.new-line {
  display: block !important;
}

.ui-chkbox .ui-chkbox-label {
  margin: 0 16px 0 8px !important;
}

/*
.ui-widget-header {
    border: 1px solid #a8a8a8 !important;
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))) !important;
    color: #333 !important;
    font-weight: bold !important;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7) !important;
}
*/
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
  background-color: white !important;
}

body .ui-inputfield {
  padding: 6px 4px 2px 10px;
}

.ui-selectmanymenu {
  -webkit-box-shadow: inset 0 2px 2px #8f8f8f !important;
  box-shadow: inset 0 2px 2px #8f8f8f !important;
  color: #313131 !important;
}

.ui-chkbox {
  display: inline-flex !important;
}

.ui-selectonelistbox .ui-selectlistbox-item, .ui-selectmanymenu .ui-selectlistbox-item, .ui-multiselectlistbox .ui-multiselectlistbox-item {
  margin: 2px !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search {
  top: 24% !important;
  margin-top: 0px !important;
}

body .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 1em 1.4em !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon-search {
  top: 16% !important;
  margin-top: 0px !important;
}

.ui-state-default {
  margin-bottom: 10px !important;
}

.ui-spinner {
  max-width: 271px !important;
}

.table thead th a {
  color: #007ad9;
}

tr.mp-disabled-row td {
  background-color: gainsboro !important;
  color: red !important;
}

.table-striped tbody tr.mp-disabled-row td {
  background-color: gainsboro !important;
  color: red !important;
}

.ui-datatable tbody td {
  border-width: 1px !important;
}

body .ui-slider {
  background-color: #c8c8c8 !important;
}

span.ui-panel-title {
  vertical-align: -webkit-baseline-middle !important;
}

label.ui-state-error {
  background: #fef1ec -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  color: #cd0a0a !important;
}

body .ui-inputfield.ui-state-error {
  border: 1px solid #cd0a0a !important;
}

.ui-selectonemenu-filter-container input {
  padding-left: 13px !important;
}

.margin-right-5px {
  margin-right: 5px !important;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-default {
  color: #555;
}

.table-hover tbody tr:hover > td, .aui .table-hover tbody tr:hover > th {
  background-color: #edf8fd !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999;
}

img {
  max-width: 100% !important;
  vertical-align: middle !important;
  border: 0 !important;
}

.ui-menu .ui-widget-header h1, .ui-menu .ui-widget-header h2, .ui-menu .ui-widget-header h3, .ui-menu .ui-widget-header h4, .ui-menu .ui-widget-header h5, .ui-menu .ui-widget-header h6 {
  font-size: 1em !important;
  margin: 0 auto !important;
}

body .ui-chkbox {
  height: auto;
}

.ui-editor.ui-widget-content {
  max-width: 100% !important;
}

.ui-editor.ui-widget-content textarea {
  max-width: 90% !important;
  max-height: 155px !important;
}

@media (min-width: 1200px) {
  .row-fluid [class*=ui-grid-col-] {
    padding-left: 2.5641% !important;
  }

  .row-fluid [class*=ui-grid-col-]:first-child {
    padding-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .row-fluid [class*=ui-grid-col], .ui-grid-row [class*=ui-grid-col] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  td.ui-grid-col-8 {
    width: 66.66666667% !important;
  }

  td.ui-grid-col-6 {
    width: 50% !important;
    display: table-cell !important;
  }

  tr.ui-grid-row {
    display: table !important;
  }

  body .ui-scrollpanel {
    padding: 0 !important;
  }

  .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: 0 !important;
    margin-top: 5px;
    width: 100%;
  }

  .ui-selectonemenu, .ui-selectcheckboxmenu {
    width: 100% !important;
  }

  .ui-inputfield, textarea {
    width: 100% !important;
  }
}
@media (max-width: 640px) {
  .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border-top: none !important;
  }
}
@media (max-width: 640px) {
  h1 {
    font-size: 25px !important;
  }
}
.mp-picture-image {
  padding: 0.25em;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  width: 120px;
  height: 179px !important;
  margin-bottom: 5px;
}

.col-head {
  width: 33.33333% !important;
}

.add-dependent .guest-fluid {
  margin-top: 15px !important;
}

body .ui-panelgrid .mp-grid-col {
  padding: 5px !important;
}

.mp-dep-picture-image {
  padding: 0.25em;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  width: 90px;
  height: 95px !important;
  margin-bottom: 5px;
  margin-top: 25px;
}

.dependent-box {
  width: 100%;
  text-align: center;
  border: 1px solid #bcc2a7;
}

.mp-view-button {
  margin-bottom: 10px;
}

.mp-upload-delete {
  font-size: x-large;
}

.mp-tree .ui-tree-container {
  overflow: visible !important;
}

i.mp-upload {
  margin-right: 20px;
}

.mp-upload {
  margin-right: 20px;
}

.ui-datagrid-content-empty {
  color: #bf7900;
  background-color: #fffbdc !important;
  border: 1px solid #f1d875 !important;
}

@media (max-width: 640px) {
  .mp-picture-image {
    height: 115px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .mp-grid-col {
    padding: 0px !important;
  }

  .mp-dn-heading {
    text-align: center;
  }

  .mp-email {
    word-break: break-all;
  }

  .mp-primary {
    word-break: normal;
  }

  .mp-secondary {
    word-break: normal;
  }
}
div.mp-upload-image table.ui-fileupload-files {
  margin: 0px !important;
}

/* MT#0183641: Start */
.mp-avatar {
  position: relative;
  max-width: 205px;
  margin: 25px auto;
}

.mp-avatar .mp-avatar-preview {
  width: auto;
  height: 192px;
  max-width: 192px;
  margin: 0 auto;
  position: relative;
  border-radius: 100%;
  border: 5px solid #f8f8f8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.mp-avatar .mp-avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.mp-avatar .mp-avatar-upload {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 1;
}

.mp-avatar .mp-avatar-delete {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 1;
}

.mp-avatar .mp-avatar-upload > a,
.mp-avatar .mp-avatar-delete > a {
  width: 100%;
  height: 100%;
  margin-top: 8px;
  color: #757575 !important;
  display: inline-block;
}

.mp-avatar .mp-avatar-upload:hover,
.mp-avatar .mp-avatar-delete:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.mp-avatar .mp-avatar-upload,
.mp-avatar .mp-avatar-delete {
  width: 35px;
  height: 35px;
  cursor: pointer;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  display: inline-block;
  font-weight: normal;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
}

.mp-vacc-status-dep {
  width: 20px;
  height: 20px !important;
  margin-left: 5px;
  vertical-align: top !important;
  cursor: pointer;
}

.mp-vacc-status-view, .mp-vacc-status-edit {
  width: 40px;
  height: 40px !important;
  vertical-align: top !important;
  cursor: pointer;
}

/* MT#0183641: End */
.add-acc-panel h3.ui-accordion-header {
  padding: 0 0 0 1.5em;
  font-size: 18px;
}

@media (max-width: 640px) {
  .add-tab-view li {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .add-icon {
    display: none;
  }
}
.add-grid {
  border: 1px dotted;
}

span.add-email {
  word-break: break-all;
}

.add-acc-panel, .add-tab-view {
  margin-top: 10px !important;
}

table.interest-view-box {
  width: 100%;
}

.interest-view-box {
  border: 1px solid;
  border-collapse: separate !important;
}

.interest-view-box-without-value {
  height: 75px;
}

/* MT#0183501: Need option on interest to create a interest type (text box) instead of text field. */
.interest-inputtextarea-field {
  width: 300px;
  border-radius: 5px !important;
  padding: 5px !important;
  border: 1px solid #d7cdcd !important;
}

.MemberInterests-portlet .ui-fluid .ui-inputfield {
  width: 100% !important;
}

.changePasswordError {
  margin-left: 5px;
}

.cp-cell {
  position: relative !important;
}

div.dynamicAddresses .ui-chkbox.ui-widget {
  margin-right: 3px;
}

.MySettings-portlet .ui-tree-container {
  overflow: visible !important;
}

@CHARSET "ISO-8859-1";
div.campaign-data-table-emails > div {
  float: left !important;
}

.compaign-switch {
  vertical-align: middle !important;
}

.compaign-switch .ui-inputswitch-on, .compaign-switch .ui-inputswitch-off {
  height: 33px !important;
  padding-top: 1px !important;
  top: 0 !important;
  margin-top: 0 !important;
}

.compaign-switch .ui-inputswitch-off {
  border: 1px solid #a6a6a6;
}

.ui-inputswitch .ui-inputswitch-on span {
  text-align: right !important;
  padding-right: 1 !important;
}

.roster-resp-view-member-box {
  text-align: center;
  width: 100%;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  /*Non standard for webkit*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

.roster-resp-view-member-box-container {
  border: 1px solid #bcc2a7;
  padding: 10px 5px;
  min-height: 170px;
}

.view-member-box {
  position: relative;
}

.view-member-box .member-box-link-container {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.view-member-box .roster-normal-link {
  position: relative;
  z-index: 1;
}

img.member-img {
  border: 1px solid #ddd;
  height: 75px;
  width: 75px;
}

.roster-pref-chkbx-container .ui-chkbox.ui-widget {
  display: block !important;
  margin: 5px 0;
}

.roster-search-item .ui-autocomplete {
  width: 100%;
}

.roster-search-item .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all {
  width: 100%;
}

.roster-search-item .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
  width: 100%;
}

.roster-search-item .ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: auto !important;
}

.roster-search-item .ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: auto !important;
}

.roster-search-alphabet-container {
  float: left;
  line-height: 35px;
  text-align: center;
  width: 46px;
}

.roster-search-alphabet {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #f1f1f3;
}

.roster-search-item .ui-outputlabel.ui-widget {
  margin-bottom: 0;
}

.roster-search-type-btn-container {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* 980px and above */
@media (min-width: 980px) {
  .roster-search-reset-btn-container {
    margin-top: 31px;
  }
}
/* 641px to 979px */
@media (min-width: 641px) and (max-width: 979px) {
  .roster-search-reset-btn-container {
    margin-top: 42px;
  }

  .roster-btn-search {
    height: 38px;
    line-height: 2em;
  }

  .roster-btn-reset {
    height: 38px;
    line-height: 2em;
  }

  .roster-search-item .ui-selectonemenu {
    height: 38px;
  }

  .roster-search-item .ui-selectonemenu-label.ui-inputfield.ui-corner-all {
    height: 28px;
    line-height: 2em;
  }

  .roster-search-item .ui-icon.ui-icon-triangle-1-s.ui-c {
    margin-top: 10px;
  }

  .roster-search-item .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    height: 38px;
  }
}
/* 641px and above */
@media (min-width: 641px) {
  .roster-reset-btn-container {
    padding-left: 5px;
  }

  .ui-grid-col-4.roster-item:nth-child(1n+2) {
    padding-left: 10px;
  }

  .ui-grid-col-6.roster-item:nth-child(2n) {
    padding-left: 10px;
  }

  .ui-grid-col-4.roster-item-dependent:nth-child(1n+2) {
    padding-left: 10px;
  }

  .ui-grid-col-6.roster-item-dependent:nth-child(2n) {
    padding-left: 10px;
  }

  .roster-col-address {
    max-width: 350px;
  }

  .roster-dg .ui-grid-row .ui-datagrid-column:nth-child(n+2) {
    padding-left: 5px;
  }

  .roster-search-item.ui-grid-col-3 {
    padding-right: 5px;
  }

  .roster-search-item.ui-grid-col-3:nth-child(4n) {
    padding-right: 0;
  }

  .roster-pref-col.ui-grid-col-3 {
    padding-right: 10px;
  }

  .roster-pref-col.ui-grid-col-3:nth-child(4n) {
    padding-right: 0;
  }
}
/* 1px to 640px */
@media (min-width: 1px) and (max-width: 640px) {
  .roster-reset-btn-container {
    padding-left: 0;
  }

  .roster-search-reset-btn-container .ui-grid-col-6 {
    margin-bottom: 5px;
  }

  .roster-profile-pic-container {
    text-align: center;
  }

  .roster-profile-name {
    text-align: center;
  }

  .roster-profile-email {
    text-align: center;
  }

  /*
  .ui-grid-col-4.roster-item:nth-child(2n) {
  	padding-left: 0px;
  }
  .ui-grid-col-4.roster-item:nth-child(3n) {
  	padding-left: 0px;
  }
  .ui-grid-col-6.roster-item:nth-child(2n) {
  	padding-left: 0px;
  }
  */
}
/* 641px to 1210px */
@media (min-width: 641px) and (max-width: 1210px) {
  .roster-info {
    padding-left: 10px;
  }
}
.roster-profile-pic {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  padding: 0.25em;
  width: 12em;
  box-sizing: border-box;
}

.roster-dependent-pic {
  height: 200px !important;
}

.roster-item .ui-grid-row:nth-child(2n) {
  background-color: #eff6d7;
}

.roster-item-dependent .ui-grid-row:nth-child(2n+3) {
  background-color: #eff6d7;
}

.roster-basic-info .ui-grid-row:nth-child(2n) {
  background-color: #eff6d7;
}

.roster-item .ui-grid-row {
  border-top: 1px solid #dddddd;
  line-height: 35px;
  padding-left: 5px;
}

.roster-item-dependent .ui-grid-row {
  border-top: 1px solid #dddddd;
  line-height: 35px;
  padding-left: 5px;
}

.roster-basic-info .ui-grid-row {
  border-top: 1px solid #dddddd;
  line-height: 35px;
  padding-left: 5px;
}

.ui-grid-row.roster-profile-pic-container {
  border-top: medium none;
  margin-bottom: 10px;
}

.roster-row {
  margin-top: 10px;
}

.roster-address-type-name {
  font-weight: bold;
}

.roster-table .ui-datatable-tablewrapper table {
  table-layout: auto;
}

.roster-norecords {
  margin-top: 10px;
}

.roster-member-address-tabs-container {
  margin-bottom: 5px;
}

.roster-table th, .roster-table td {
  padding: 8px 2px !important;
}

.roster-col-statistics {
  text-align: center !important;
  width: 25px;
}

.roster-col-vcard {
  text-align: center !important;
  width: 25px;
}

.roster-dg .ui-grid-row .ui-datagrid-column {
  padding-bottom: 5px;
}

.roster-export-link-container {
  margin-right: 5px;
  margin-top: -8px;
}

.pref-heading {
  font-weight: bold !important;
}

.roster-col-buddy {
  width: 25px;
  text-align: center !important;
}

.roster-buddy-img {
  width: 20px;
  height: 20px;
}

.roster-buddy-receiver-img-and-name-container {
  text-align: center;
  padding-top: 5px;
}

.roster-buddy-request-message-container {
  padding-left: 10px;
}

.roster-buddy-request-message-label {
  padding: 0px;
}

.roster-buddy-request-message-text-area {
  width: 100% !important;
}

.roster-buddy-message-container {
  padding-top: 10px;
}

.roster-buddy-btns-container {
  padding-top: 10px;
}

.ui-grid-row.roster-odd-row {
  height: auto !important;
}

.ui-grid-row.roster-even-row {
  height: auto !important;
}

.roster-res-simulator-img {
  vertical-align: top;
  float: right;
}

.vmi-grid-col {
  padding: 5px !important;
}

.break-email {
  word-break: break-all;
}

.ui-grid-col-4.vmi-grid-col {
  width: 31.33% !important;
}

.ui-panelgrid-cell.ui-grid-col-6.vmi-grid-col {
  padding: 5px !important;
}

.roster-pref-address-types .ui-chkbox.ui-widget {
  margin-bottom: 10px !important;
  vertical-align: top !important;
}

.roster-search-by-interests-select-checkbox .ui-selectcheckboxmenu-multiple-container {
  max-height: 50px;
  overflow: auto;
  overflow-x: hidden;
  direction: rtl;
}

.roster-search-by-interests-select-checkbox ul.ui-state-default {
  margin-bottom: 0px !important;
}

td.expand-col .ui-column-title {
  display: none !important;
}

@media (min-width: 640px) {
  .committee-details-table .ui-column-title {
    display: block !important;
  }

  .committee-details-table .ui-datatable-data .ui-column-title {
    display: none !important;
  }

  .expand-col {
    width: 35px !important;
  }
}
@media (max-width: 640px) {
  .memberCommittees-portlet .ui-datatable-reflow tbody {
    display: grid !important;
  }
}
.picture-image {
  padding: 0.25em;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  width: 100px;
  height: 110px !important;
}

.nm-dependent-box th {
  background-color: transparent !important;
}

.nm-box {
  border: 1px solid #bcc2a7;
  width: 100%;
  text-align: center;
}

.nm-box th {
  text-align: center !important;
  font-size: larger !important;
}

.nm-left-box {
  width: 40%;
}

.nm-right-box {
  width: 60%;
}

.nm-label {
  font-size: large !important;
}

.nm-grid .ui-paginator {
  background-color: transparent;
  border: 0px;
}

.nm-grid .ui-datagrid-content-empty {
  background-color: #fee5e2 !important;
  border: 1px solid #fcaca5 !important;
  color: #b50303;
}

@media only screen and (min-width: 1025px) {
  .nm-desc-dialog {
    width: 40% !important;
    left: 30% !important;
  }
}
@media (max-width: 740px) {
  .nm-height {
    height: 300px;
  }
}
@media (min-width: 641px) and (max-width: 740px) {
  .nm-desc-dialog {
    overflow-y: hidden;
  }
}
.dining-guest-heading {
  font-size: 15px !important;
}

.dining-search-div {
  background-image: url(../images/dining/dining-reservation.jpg);
  padding: 10px;
}

.dining-margin-top {
  margin-top: 195px;
  background-image: url(../images/dining/dining-bg.png);
  padding: 10px;
}

.dining-search-div .ui-widget-content {
  background: transparent !important;
}

.dining-search-label {
  color: #ffffff !important;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.dining-search-label .ui-widget-content {
  color: #ffffff !important;
}

/* For Mobile Devices */
@media (max-width: 640px) {
  .dining-odd-col {
    width: 36%;
  }

  .dining-even-col {
    width: 64%;
  }

  .dining-pencil {
    font-size: 1.5em !important;
  }

  .dining-trash {
    font-size: 1.5em !important;
  }
}
/* For Desktop */
@media (min-width: 641px) {
  .dining-odd-col {
    width: 45%;
  }

  .dining-even-col {
    width: 55%;
  }

  .desktop-padding-left-10px {
    padding-left: 10px;
  }
}
@media (max-width: 980px) {
  .dining-search-div .ui-selectonemenu {
    display: block !important;
    min-width: 100% !important;
  }

  .dining-search-div .ui-panel {
    padding: 0.2em !important;
  }

  .dining-date input, .dining-time input {
    min-width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .dining-slots-list .dining-slot-list-item {
    width: 100% !important;
    display: block;
  }

  .dining-sub-locations-desktop {
    display: none !important;
  }

  .dining-sub-locations-mobile {
    display: block !important;
  }

  .dining-sub-Locations-popup {
    width: 310px !important;
  }
}
@media screen and (min-width: 768px) {
  .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column {
    width: 25% !important;
  }

  .dining-sub-locations-desktop {
    display: block !important;
  }

  .dining-sub-locations-mobile {
    display: none !important;
  }

  .dining-sub-Locations-popup {
    width: 400px !important;
    height: 300px;
    margin-left: 200px;
  }
}
.ui-panelgrid-cell {
  background-color: transparent !important;
}

.remove-buddy {
  float: right !important;
  color: red !important;
}

.available-times {
  background: rgba(55, 179, 218, 0.21);
  color: #000 !important;
  display: block;
  margin: 4px 0 4px 7px;
  padding: 14px 0;
  text-align: center;
  /* width: 48%; */
}

.available-times:hover {
  background-color: #B1BFA3;
  color: white !important;
  text-decoration: none !important;
  cursor: pointer;
}

span.ui-confirm-dialog-message {
  display: inline-block !important;
  width: 90% !important;
  line-height: 20px !important;
}

body .dining-search-div .ui-panelgrid .ui-panelgrid-cell {
  color: white !important;
}

.dining-buddy-wizard .buddy-row .ui-chkbox {
  margin-right: 5px !important;
  vertical-align: top !important;
}

.dining-guests-panel .fa-eraser {
  vertical-align: top !important;
  margin-left: 5px !important;
}

span.ui-icon.ui-confirm-dialog-severity.pi.pi-exclamation-triangle {
  font-size: 1.8em !important;
  vertical-align: top !important;
}

.dining-search-div .ui-selectonemenu {
  display: block !important;
}

.buddy-wizard .ui-dialog-content {
  text-align: left !important;
}

.buddy-wizard .btn-responsive {
  margin-top: 10px !important;
}

.dining-buddy-wizard {
  padding-left: 5px !important;
  padding-top: 5px !important;
}

table.grid.dining-grid .ui-selectbooleancheckbox {
  margin-bottom: 0px !important;
}

table.grid.dining-grid textarea {
  margin-top: 10px !important;
}

.buddy-wizard-buddies .added-buddy {
  color: black !important;
  font-weight: bold !important;
  text-shadow: none !important;
}

.dining-buddy-wizard .ui-selectbooleancheckbox {
  margin-bottom: 0 !important;
}

.dining-buddy-wizard .buddy-row {
  margin-bottom: 5px !important;
}

table.dining-guest-input-container {
  width: 100% !important;
}

label.member-index {
  display: inline-block !important;
}

.din-erase-guest {
  vertical-align: middle !important;
}

.dining-slots-list {
  list-style-type: none;
  margin: 0px !important;
}

.dining-slots-list .dining-slot-list-item {
  width: 24%;
  display: inline-block;
}

.dining-slot-div.active .available-times {
  background: #002278;
  color: #fff !important;
  font-weight: bold;
}

.dining-slot-sub-location {
  border: 1px solid #000;
  margin-left: 15px;
  margin-right: 10px;
}

.dining-sub-locations {
  border-style: ridge;
  border-left: solid 3px;
  margin: 4px 0 7px 5px;
  padding: 12px 0;
  text-align: center;
  display: block;
  text-decoration: none !important;
}

.dining-sub-locations .fa-times {
  color: #87000e !important;
}

.dining-popup-sub-location-link .fa-times {
  color: #87000e !important;
  float: right;
}

.dining-sub-location-label {
  font-weight: bold;
  margin-left: 10px;
}

.dining-sub-Locations-popup .ui-dialog-titlebar .ui-dialog-title {
  color: 35b8f !important;
  font-weight: bold;
}

.dining-sub-location-link {
  border-style: ridge;
  margin: 8px 6px 8px 6px;
  padding: 12px 0;
  display: block;
  text-decoration: none !important;
}

.dining-sub-locations-group {
  border-style: ridge;
}

.dining-sub-location-name {
  padding: 5px;
}

.dining-popup-back-btn {
  border: solid black 3px !important;
  border-radius: 13px !important;
  padding: 8px;
}

.dining-popup-sub-locations-panel {
  margin-bottom: 15px;
}

.dining-popup-sub-location-link {
  background: whitesmoke;
  margin: 0px;
  padding: 5px;
  display: block;
  text-decoration: none !important;
}

.dining-popup-sub-location-name {
  color: #035b8f;
  font-size: 15px;
  padding: 5px;
  font-weight: bold;
  text-align: left;
}

.dining-popup-close-btn {
  background: white;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid black 2px !important;
  border-radius: 12px !important;
  padding: 8px;
}

.dining-popup-back-label {
  margin-left: 12px;
}

.dining-confirm-details.ui-widget-overlay {
  position: initial;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  opacity: 0.3;
}

.dining-upload-vacc-certificate-link {
  color: black;
  text-decoration: underline;
}

.dining-vacc-status-view {
  width: 25px;
  height: 25px !important;
  cursor: pointer;
  margin-bottom: 5px;
}

.dining-vacc-status-link {
  width: 30px;
}

.dining-guest-autocomplete.ui-autocomplete-input {
  width: 100%;
}

.dining-guest-input-container .guest-add-name {
  width: 99%;
}

.dining-guest-input-container .member-name {
  width: 99%;
}

.dining-guest-autocomplete .ui-fluid .ui-autocomplete, .ui-fluid .ui-autocomplete-input {
  width: 99% !important;
}

.member-guest-index {
  margin-top: 8px;
}

.dining-guest-input-container {
  width: 100%;
}

.desktop-padding-left-10px .ui-chkbox-box {
  margin-top: 2px;
}

.dining-upload-vacc-certificate-link {
  color: black;
  text-decoration: underline;
}

.dining-vacc-status-view {
  width: 25px;
  height: 25px !important;
  cursor: pointer;
  margin-bottom: 5px;
}

.dining-vacc-status-link {
  width: 30px;
}

.dining-guest-autocomplete.ui-autocomplete-input {
  width: 100%;
}

.dining-guest-input-container .guest-add-name {
  width: 99%;
}

.dining-guest-input-container .member-name {
  width: 99%;
}

.dining-guest-autocomplete .ui-fluid .ui-autocomplete, .ui-fluid .ui-autocomplete-input {
  width: 99% !important;
}

.member-guest-index {
  margin-top: 8px;
}

.dining-guest-input-container {
  width: 100%;
}

.desktop-padding-left-10px .ui-chkbox-box {
  margin-top: 2px;
}

td.guest-erase {
  width: 60px !important;
}

i.fa.fa-eraser.distant {
  vertical-align: baseline !important;
}

.dining-browse-btn {
  color: #fff !important;
}

.dining-remove-btn {
  color: #fff !important;
}

.dining-diable-inputUrl {
  pointer-events: none;
}

.dining-browse-btn-con {
  margin: -7px 10px 0px 5px;
}

.dining-remove-btn-con {
  margin: -7px 10px 0px -30px;
}

.sub-location-unavailable {
  color: #87000e !important;
  font-weight: 700 !important;
  padding-left: 5px;
}

.dining-popup-sub-location-link .sub-location-unavailable {
  display: inline-block;
  float: right;
}

.DiningReservation-portlet .availableTimes .ui-datalist-data .ui-datalist-item span {
  overflow: hidden;
}

@media (max-width: 640px) {
  .del-col {
    display: block;
  }

  .name-col {
    display: none !important;
  }
}
.del-col {
  display: none;
}

.name-col {
  display: block;
}

.cc-icon-size {
  font-size: 1.5em;
}

.cc-del {
  margin-left: 10px;
}

.cc-grid-view .ui-grid-row {
  border-top: 0px !important;
}

@media (min-width: 980px) {
  .cc-form-msg {
    width: 220px;
  }

  .cc-exp-grid {
    width: 270px;
  }
}
@media (max-width: 980px) {
  .cc-exp-grid {
    width: 100%;
  }
}
.cc-openedge-iframe {
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  width: 100%;
}

.cc-ezidebit-hosted-page-iframe {
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  width: 40%;
  height: 534px;
  margin: 0px 0px 0px 350px;
}

@media (max-width: 767px) {
  .cc-ezidebit-hosted-page-iframe {
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    width: 100% !important;
    height: 600px !important;
  }
}
/* 548px and less */
@media (max-width: 548px) {
  .cc-openedge-iframe {
    height: 1097px;
  }
}
/* 549px to 840px */
@media (min-width: 549px) and (max-width: 840px) {
  .cc-openedge-iframe {
    height: 817px;
  }
}
/* 841px and above */
@media (min-width: 841px) {
  .cc-openedge-iframe {
    height: 783px;
  }
}
.cc-ezidebit-iframe {
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  width: 100%;
  height: 771px;
}

.cc-sagepay-iframe {
  width: 100%;
  min-height: 700px;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
}

.cc-wide-field {
  width: 45% !important;
}

.cc-align-top {
  vertical-align: top !important;
}

.cc-payment-option-field {
  min-width: 45% !important;
}

.buddy-list-tab-buttons {
  margin-bottom: 10px;
  border-bottom: 1px solid lightgray;
}

.buddy-list-tab-buttons .ui-button {
  padding: 5px 0px;
  margin-right: 5px;
  min-width: 100px;
}

.buddy-list-tab-buttons .ui-buttonset, .buddy-list-tab-buttons .ui-button:last-child {
  margin-right: 0px !important;
}

.buddy-list-search-field {
  width: 100% !important;
  border-radius: 10px !important;
}

.buddyList-portlet .buddy-list-tabs .my-buddies .buddy-list-search-field-wrapper input {
  display: inline-block !important;
}

.buddyList-portlet .buddy-list-tabs .my-buddies .buddy-list-search-field-wrapper span.input-group-addon.buddy-list-add-on {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  height: auto !important;
  border-radius: 8px;
}

.buddy-list-addon {
  position: absolute;
  right: 10px;
  top: 3px;
  border: none !important;
}

.lbl-search-results {
  text-transform: uppercase;
  font-weight: bold !important;
}

.search-results-member {
  width: 100%;
}

.search-results-member td {
  border: none !important;
}

.search-results-member-name {
  width: 60%;
}

.search-results-member-action {
  width: 40%;
  text-align: right;
}

.member-action-button {
  min-width: 100px;
}

.member-action-button, .buddy-action-btn, .invitation-action-btn {
  margin-bottom: 5px;
}

.buddy-list-dg {
  margin-top: 10px;
}

.buddy-dialog {
  text-align: center;
}

.buddy-dialog-container .buddy-avatar {
  position: relative;
  margin: 20px auto;
  max-width: 150px;
}

.buddy-dialog-container .buddy-avatar img {
  width: 120px;
  max-height: 120px;
  margin: 0 auto;
  position: relative;
  border-radius: 100%;
  border: 3px solid lightgray;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.buddy-dialog-container .buddy-info .buddy-name {
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.buddy-list-tags dl {
  margin: 0px !important;
}

.buddy-list-tags dl dt {
  width: 33%;
  float: left;
}

.buddy-list-tag {
  min-width: 85px;
}

.buddy-action {
  clear: both;
}

.buddy-box-container, .invitation-box-container {
  padding: 10px;
  min-height: 90px;
  margin: 0px 5px 10px;
  border: 1px solid lightgray;
  position: relative;
}

.buddy-box-container:hover, .invitation-box-container:hover {
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.25);
}

.buddy-box-container-link {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.buddy-box-edit-link-text {
  color: #fff;
  margin: 5px;
  background: gray;
  padding: 0px 5px;
  font-size: 12px;
  visibility: hidden;
  border-radius: 20px;
}

.buddy-box-container:hover .buddy-box-edit-link-text {
  visibility: visible;
}

.buddy-box, .invitation-box {
  width: 100%;
}

.buddy-box td, .invitation-box td {
  border: none !important;
}

.buddy-box-avatar, .invitation-box-avatar {
  width: 40%;
}

.buddy-box-avatar img, .invitation-box-avatar img {
  width: 75px;
  height: 85px !important;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
}

.buddy-box-info, .invitation-box-info {
  width: 60%;
}

.buddy-wizard-members {
  display: block;
}

.buddy-wizard-members input {
  width: 100% !important;
}

.buddy-wizard-buddy-action {
  margin-bottom: 5px;
}

.buddy-wizard-buddies {
  overflow-y: auto;
  max-height: 200px;
}

.buddy-wizard-buddies .added-buddy {
  background: green !important;
}

.buddy-wizard-buddies .added-buddy a {
  color: white !important;
  font-weight: bold !important;
  text-shadow: none !important;
}

.buddies-panel-sm .buddy-wizard-buddies-panel {
  position: initial !important;
  width: 100% !important;
}

.buddyList-portlet .input-group {
  width: auto !important;
  display: block !important;
}
.buddyList-portlet .input-group input {
  width: 206px !important;
}

/*!
* jQuery Mobile 1.4.5
* Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors
* Released under the MIT license.
* http://jquery.org/license
*
*/
/* SVG icons */
.teetime-webservice {
  /* Alt icons */
  /* PNG icons */
  /* Alt icons */
  /* Globals */
  /* Font
  -----------------------------------------------------------------------------------------------------------*/
  /* Form labels (overrides font-weight bold in bars, and mini font-size) */
  /* Separators
  -----------------------------------------------------------------------------------------------------------*/
  /* Field contain separator (< 28em) */
  /* Table opt-in classes: strokes between each row, and alternating row stripes */
  /* Classes table-stroke and table-stripe are deprecated in 1.4. */
  /* Buttons
  -----------------------------------------------------------------------------------------------------------*/
  /* Corner rounding
  -----------------------------------------------------------------------------------------------------------*/
  /* Class ui-btn-corner-all deprecated in 1.4 */
  /* Buttons */
  /* Icon-only buttons */
  /* Radius clip workaround for cleaning up corner trapping */
  /* Popup arrow */
  /* Shadow
  -----------------------------------------------------------------------------------------------------------*/
  /* Icons
  -----------------------------------------------------------------------------------------------------------*/
  /* Alt icons */
  /* No disc */
  /* Icon shadow */
  /* Checkbox and radio */
  /* Loader */
  /* Swatches */
  /* A
  -----------------------------------------------------------------------------------------------------------*/
  /* Bar: Toolbars, dividers, slider track */
  /* Page and overlay */
  /* Body: Read-only lists, text inputs, collapsible content */
  /* Links */
  /* Button up */
  /* Button hover */
  /* Button down */
  /* Active button */
  /* Active radio button icon */
  /* Focus */
  /* B
  -----------------------------------------------------------------------------------------------------------*/
  /* Bar: Toolbars, dividers, slider track */
  /* Page and overlay */
  /* Body: Read-only lists, text inputs, collapsible content */
  /* Links */
  /* Button up */
  /* Button hover */
  /* Button down */
  /* Active button */
  /* Active radio button icon */
  /* Focus */
  /* Structure */
  /* Disabled
  -----------------------------------------------------------------------------------------------------------*/
  /* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
  /* Focus state outline
  -----------------------------------------------------------------------------------------------------------*/
  /* Unset box-shadow in browsers that don't do it right */
  /* Some unsets */
  /* Fixes for fieldset issues on IE10 and FF (see #6077) */
  /* Viewport */
  /* Issue #2066 */
  /* "page" containers - full-screen views, one should always be in view post-pageload */
  /* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
  /* Fouc */
  /* Non-js content hiding */
  /* Loading screen */
  /* Headers, content panels */
  /* Corner styling for dialogs and popups */
  /* Buttons and icons */
  /* Make buttons in toolbars default to mini and inline. */
  /* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */
  /* Buttons in header position classes */
  /* Button elements */
  /* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */
  /* Form labels */
  /* Accessible content hiding */
  /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
  /* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
  /* Transitions originally inspired by those from jQtouch, nice work, folks */
  /* keyframes for slidein from sides */
  /* keyframes for slideout to sides */
  /* slide down */
  /* slide up */
  /* The properties in this rule are only necessary for the 'flip' transition.
   * We need specify the perspective to create a projection matrix. This will add
   * some depth as the element flips. The depth number represents the distance of
   * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
   * value.
   */
  /* The properties in this rule are only necessary for the 'flip' transition.
   * We need specify the perspective to create a projection matrix. This will add
   * some depth as the element flips. The depth number represents the distance of
   * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
   * value.
   */
  /* flow transition */
  /* content configurations. */
  /* force new row */
  /* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
  /* preset breakpoint to switch to stacked grid styles below 35em (560px) */
  /* fixed page header & footer configuration */
  /* updatePagePadding() will update the padding to actual height of header and footer. */
  /* Tap toggle: hide external fixed footer. See issue #6604 */
  /* workarounds for other widgets */
  /* fixes gaps caused by subpixel problem */
  /* Hide the native input element */
  /* Fixes IE/WP filter alpha opacity bugs */
  /* Fixes legend not wrapping on IE10 */
  /* Dimensions related to the popup arrow
  -----------------------------------------------------------------------------------------------------------*/
  /* desired triangle height: 10px */
  /**
   * guide for the arrow - its width, height, and offset are theme-dependent and
   * should be expessed as left, right, top, bottom, so that the element bearing
   * such a class becomes stretched inside its parent position: relative element.
   * The left/top/right/bottom specified below should reflect the corresponding
   * border radii and so it leaves room for the shadow:
   *     ..--------------------..
   *   ."        ^ top           ".
   *  /          v                 \
   * |     +------------------+     |
   * |     |                  |     |
   * | left|                  |right|
   * |<--->|                  |<--->|
   * |     +------------------+     |
   *  \          ^                 /
   *   `.        v bottom        .'
   *     ""--------------------""
   * The idea is that the top/left of the arrow container box does not move to a
   * coordinate smaller than the top/left of the guide and the right/bottom of
   * the arrow container box does not move to a coordinate larger than the
   * bottom/right of the guide. This will help us avoid the following situation:
   *        ..--------------------..
   *      ."        ^ top           ".
   *   /|/          v                 \
   *  / |     +------------------+     |
   *  \ |     |                  |     |
   *   \| left|                  |right|
   *    |<--->|                  |<--->|
   *    |     +------------------+     |
   *     \          ^                 /
   *      `.        v bottom        .'
   *        ""--------------------""
   * The arrow should not receive a top/left coordinate such that it is too close
   * to one of the corners, because then at first the shadow of the arrow and,
   * given a coordinate even closer to the corner, even the body of the arrow will
   * "stick out" of the corner of the popup. The guide provides a hint to the
   * arrow positioning code as to which range of values is acceptable for the
   * arrow container's top/left coordinate.
   **/
  /* aside from the "infinities" (-1000,2000), triangle height is used */
  /**
   * For each side, the arrow is twice the desired size and its corner is aligned
   * with the edge of the container:
   *                                           
   *           /\         /\                +----+       /\
   *          /  \       /  \               | /\ |top   /  \
   *      +----+  \     /  +----+       +-->|/  \|     /    \
   *  left| /  |   \   /   |  \ |right  |   |    |    /      \
   *      |/   |    \ /    |   \|       |  /|    |\  /        \
   *      |\   |    / \    |   /|       | / +----+ \ \ +----+ /
   *      | \  |   /   \   |  / |       | \        /  \|    |/
   *      +----+  /     \  +----+       |  \      /    |    |
   *       ^  \  /       \  /  ^        |   \    /  +->|\  /|
   *       |   \/         \/   |        |    \  /   |  | \/ |bottom
   *       |                   |        |     \/    |  +----+
   *       +-------------------+--------+-----------+
   *                           |
   *                    arrow container
   *                     (clips arrow)
   **/
  /* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
  /* structure */
  /* Native input positioning */
  /* Display none because of issues with IE/WP's filter alpha opacity */
  /* Because we add all classes of the select and option elements to the span... */
  /* ui-li-count is styled in the listview CSS. We set padding and offset here because select supports icon position while listview doesn't. */
  /* We set the rules for the span as well to fix an issue on Chrome with text-overflow ellipsis for the button in combination with text-align center. */
  /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
  /* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
  /* Used by both listview and custom multiple select button */
  /* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
  /* High level of specificity to override button margins in grids */
  /* reset the clearfix */
  /* The corner radii for ui-slider-switch/track can be specified in theme CSS. The bg and handle inherits. */
  /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
  /* slider tooltip
  -----------------------------------------------------------------------------------------------------------*/
  /* this makes ie6 and ie7 set height to 0 to fix z-index problem */
  /* Hide the second label (the first is moved outside the div) */
  /* Same margin for mini textareas as other mini sized widgets (12.5/14 * 0.5em) */
  /* Padding on the div instead of input because of browser spinners etc. */
  /* Search icon */
  /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
  /* Same for IE10 */
  /* Resolves issue #5131: Width of textinput depends on its type,
  for Android 4.1 */
  /* Resolves issue #5756: Textinput in IE10 has a default clear button */
  /* Override field container CSS to prevent the flipswitch from becomming full width */
  /*
   Styles for the table columntoggle mode
  */
  /* Remove top/bottom margins around the fieldcontain on check list */
  /* Hide all prioritized columns by default */
  /* Preset breakpoints if ".ui-responsive" class added to table */
  /* Show priority 1 at 320px (20em x 16px) */
  /* Show priority 2 at 480px (30em x 16px) */
  /* Show priority 3 at 640px (40em x 16px) */
  /* Show priority 4 at 800px (50em x 16px) */
  /* Show priority 5 at 960px (60em x 16px) */
  /* Show priority 6 at 1,120px (70em x 16px) */
  /* Unchecked manually: Always hide */
  /* Checked manually: Always show */
  /*
   Styles for the table columntoggle mode
  */
  /* Mobile first styles: Begin with the stacked presentation at narrow widths */
  /* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
  /* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
  /* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
  /* Panel */
  /* Container, page and wrapper */
  /* Fixed toolbars */
  /* Dismiss */
  /* Animate class is added to panel, wrapper and fixed toolbars */
  /* Fix for Windows Phone issue #6349: unset the transition for transforms in case of fixed toolbars. */
  /* Hardware acceleration for smoother transitions on WebKit browsers */
  /* Panel positioning (for overlay and push) */
  /* Panel left closed */
  /* Panel left closed animated */
  /* Panel left open */
  /* Panel left open animated */
  /* Panel right closed */
  /* Panel right closed animated */
  /* Panel right open */
  /* Panel right open animated */
  /* Wrapper and fixed toolbars positioning (for reveal and push) */
  /* Panel left open */
  /* Panel left open animated */
  /* Panel right open */
  /* Panel right open animated */
  /* Dismiss model open */
  /* Shadows and borders */
  /* Responsive: wrap on wide viewports once open */
}
.teetime-webservice .ui-icon-action:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-alert:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8%20C6.447%2C8%2C6%2C7.553%2C6%2C7V5c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-d-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%203.5%2C7.5%200%2C4%200%2C14%2010%2C14%206.5%2C10.5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-d-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2210.5%2C7.5%203%2C0%200%2C3%207.5%2C10.5%204%2C14%2014%2C14%2014%2C4%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-d:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-u-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C11%206.5%2C3.5%2010%2C0%200%2C0%200%2C10%203.5%2C6.5%2011%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-u-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C0%204%2C0%207.5%2C3.5%200%2C11%203%2C14%2010.5%2C6.5%2014%2C10%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-arrow-u:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-audio:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.018px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014.018%2014%22%20style%3D%22enable-background%3Anew%200%200%2014.018%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C4C0.447%2C4%2C0%2C4.447%2C0%2C5v4c0%2C0.553%2C0.447%2C1%2C1%2C1h1l4%2C4V0L2%2C4H1z%20M10.346%2C7c0-1.699-1.042-3.154-2.546-3.867L6.982%2C4.68%20C7.885%2C5.107%2C8.51%2C5.98%2C8.51%2C7S7.885%2C8.893%2C6.982%2C9.32L7.8%2C10.867C9.304%2C10.154%2C10.346%2C8.699%2C10.346%2C7z%20M9.447%2C0.017L8.618%2C1.586%20C10.723%2C2.584%2C12.182%2C4.621%2C12.182%2C7s-1.459%2C4.416-3.563%2C5.414l0.829%2C1.569c2.707-1.283%2C4.57-3.925%2C4.57-6.983%20S12.154%2C1.3%2C9.447%2C0.017z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-back:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C3V0L1%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C13%2C4%2C8%2C3%2C5%2C3z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-bars:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-bullets:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5%20C4.447%2C6%2C4%2C6.447%2C4%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1%20S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-calendar:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%2C8h2V6H0V8z%20M3%2C8h2V6H3V8z%20M6%2C8h2V6H6V8z%20M9%2C8h2V6H9V8z%20M12%2C8h2V6h-2V8z%20M0%2C11h2V9H0V11z%20M3%2C11h2V9H3V11z%20M6%2C11h2V9H6V11z%20%20M9%2C11h2V9H9V11z%20M12%2C11h2V9h-2V11z%20M0%2C14h2v-2H0V14z%20M3%2C14h2v-2H3V14z%20M6%2C14h2v-2H6V14z%20M9%2C14h2v-2H9V14z%20M12%2C1%20c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1H4c0-0.553-0.447-1-1-1S2%2C0.447%2C2%2C1H0v4h14V1H12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-camera:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M12%2C2.5H9.908c-0.206-0.581-0.756-1-1.408-1h-3c-0.652%2C0-1.202%2C0.419-1.408%2C1H2c-1.104%2C0-2%2C0.896-2%2C2%20v6c0%2C1.104%2C0.896%2C2%2C2%2C2h10c1.104%2C0%2C2-0.896%2C2-2v-6C14%2C3.396%2C13.104%2C2.5%2C12%2C2.5z%20M7%2C10.5c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3C10%2C9.156%2C8.657%2C10.5%2C7%2C10.5z%20M7%2C5.5c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.104%2C0.896%2C2%2C2%2C2c1.104%2C0%2C2-0.896%2C2-2%20C9%2C6.396%2C8.104%2C5.5%2C7%2C5.5z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-carat-d:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-carat-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-carat-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-carat-u:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-check:after,
.teetime-webservice html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-clock:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-cloud:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M14%2C9.5c0-0.793-0.465-1.473-1.134-1.795C12.949%2C7.484%2C13%2C7.249%2C13%2C7c0-1.104-0.896-2-2-2%20c-0.158%2C0-0.311%2C0.023-0.457%2C0.058C9.816%2C3.549%2C8.286%2C2.5%2C6.5%2C2.5c-2.33%2C0-4.224%2C1.777-4.454%2C4.046C0.883%2C6.76%2C0%2C7.773%2C0%2C9%20c0%2C1.381%2C1.119%2C2.5%2C2.5%2C2.5h10v-0.07C13.361%2C11.206%2C14%2C10.432%2C14%2C9.5z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-comment:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v7c0%2C1.104%2C0.896%2C2%2C2%2C2h1v3l3-3h6c1.104%2C0%2C2-0.896%2C2-2V2C14%2C0.896%2C13.104%2C0%2C12%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-delete:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-edit:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-eye:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C2C3%2C2%2C0%2C7%2C0%2C7s3%2C5%2C7%2C5s7-5%2C7-5S11%2C2%2C7%2C2z%20M7%2C10c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3C10%2C8.656%2C8.657%2C10%2C7%2C10z%20M7%2C6C6.448%2C6%2C6%2C6.447%2C6%2C7c0%2C0.553%2C0.448%2C1%2C1%2C1s1-0.447%2C1-1C8%2C6.447%2C7.552%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-forbidden:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.601%2C11.187C13.476%2C10.018%2C14%2C8.572%2C14%2C7c0-3.866-3.134-7-7-7C5.428%2C0%2C3.982%2C0.524%2C2.813%2C1.399L2.757%2C1.343L2.053%2C2.048%20L2.048%2C2.053L1.343%2C2.758l0.056%2C0.056C0.524%2C3.982%2C0%2C5.428%2C0%2C7c0%2C3.866%2C3.134%2C7%2C7%2C7c1.572%2C0%2C3.018-0.524%2C4.187-1.399l0.056%2C0.057%20l0.705-0.705l0.005-0.005l0.705-0.705L12.601%2C11.187z%20M7%2C2c2.761%2C0%2C5%2C2.238%2C5%2C5c0%2C1.019-0.308%2C1.964-0.832%2C2.754L4.246%2C2.832%20C5.036%2C2.308%2C5.981%2C2%2C7%2C2z%20M7%2C12c-2.761%2C0-5-2.238-5-5c0-1.019%2C0.308-1.964%2C0.832-2.754l6.922%2C6.922C8.964%2C11.692%2C8.019%2C12%2C7%2C12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-forward:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M13%2C4L9%2C0v3C6%2C3%2C1%2C4%2C1%2C8c0%2C5%2C7%2C6%2C7%2C6v-2c0%2C0-5-1-5-4s6-3%2C6-3v3L13%2C4z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-gear:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.621%2C5.904l-1.036-0.259c-0.168-0.042-0.303-0.168-0.355-0.332c-0.092-0.284-0.205-0.559-0.339-0.82%20c-0.079-0.153-0.073-0.337%2C0.017-0.486l0.549-0.915c0.118-0.196%2C0.088-0.448-0.075-0.61l-0.862-0.863%20c-0.162-0.163-0.414-0.193-0.611-0.075l-0.916%2C0.55C9.844%2C2.182%2C9.659%2C2.188%2C9.506%2C2.109C9.244%2C1.975%2C8.97%2C1.861%2C8.686%2C1.77%20c-0.165-0.052-0.29-0.187-0.332-0.354L8.095%2C0.379C8.039%2C0.156%2C7.839%2C0%2C7.609%2C0H6.391c-0.229%2C0-0.43%2C0.156-0.485%2C0.379L5.646%2C1.415%20C5.604%2C1.582%2C5.479%2C1.718%2C5.313%2C1.77c-0.284%2C0.092-0.559%2C0.206-0.82%2C0.34C4.339%2C2.188%2C4.155%2C2.182%2C4.007%2C2.093L3.092%2C1.544%20c-0.196-0.118-0.448-0.087-0.61%2C0.075L1.619%2C2.481C1.457%2C2.644%2C1.426%2C2.896%2C1.544%2C3.093l0.549%2C0.914%20c0.089%2C0.148%2C0.095%2C0.332%2C0.017%2C0.486C1.975%2C4.755%2C1.861%2C5.029%2C1.77%2C5.314c-0.053%2C0.164-0.188%2C0.29-0.354%2C0.332L0.379%2C5.905%20C0.156%2C5.961%2C0%2C6.161%2C0%2C6.391v1.219c0%2C0.229%2C0.156%2C0.43%2C0.379%2C0.485l1.036%2C0.26C1.582%2C8.396%2C1.717%2C8.521%2C1.77%2C8.687%20c0.092%2C0.284%2C0.205%2C0.559%2C0.34%2C0.82C2.188%2C9.66%2C2.182%2C9.844%2C2.093%2C9.993l-0.549%2C0.915c-0.118%2C0.195-0.087%2C0.448%2C0.075%2C0.61%20l0.862%2C0.862c0.162%2C0.163%2C0.414%2C0.193%2C0.61%2C0.075l0.915-0.549c0.148-0.089%2C0.332-0.095%2C0.486-0.017%20c0.262%2C0.135%2C0.536%2C0.248%2C0.82%2C0.34c0.165%2C0.053%2C0.291%2C0.187%2C0.332%2C0.354l0.259%2C1.036C5.96%2C13.844%2C6.16%2C14%2C6.39%2C14h1.22%20c0.229%2C0%2C0.43-0.156%2C0.485-0.379l0.259-1.036c0.042-0.167%2C0.168-0.302%2C0.333-0.354c0.284-0.092%2C0.559-0.205%2C0.82-0.34%20c0.154-0.078%2C0.338-0.072%2C0.486%2C0.017l0.914%2C0.549c0.197%2C0.118%2C0.449%2C0.088%2C0.611-0.074l0.862-0.863%20c0.163-0.162%2C0.193-0.415%2C0.075-0.611l-0.549-0.915c-0.089-0.148-0.096-0.332-0.017-0.485c0.134-0.263%2C0.248-0.536%2C0.339-0.82%20c0.053-0.165%2C0.188-0.291%2C0.355-0.333l1.036-0.259C13.844%2C8.039%2C14%2C7.839%2C14%2C7.609V6.39C14%2C6.16%2C13.844%2C5.96%2C13.621%2C5.904z%20M7%2C10%20c-1.657%2C0-3-1.343-3-3s1.343-3%2C3-3s3%2C1.343%2C3%2C3S8.657%2C10%2C7%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-grid:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%2C0H1C0.447%2C0%2C0%2C0.447%2C0%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C4%2C0.447%2C3.553%2C0%2C3%2C0z%20M8%2C0H6%20C5.447%2C0%2C5%2C0.447%2C5%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C9%2C0.447%2C8.553%2C0%2C8%2C0z%20M13%2C0h-2c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C14%2C0.447%2C13.553%2C0%2C13%2C0z%20M3%2C5H1C0.447%2C5%2C0%2C5.447%2C0%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1V6C4%2C5.447%2C3.553%2C5%2C3%2C5z%20M8%2C5H6C5.447%2C5%2C5%2C5.447%2C5%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6%20C9%2C5.447%2C8.553%2C5%2C8%2C5z%20M13%2C5h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6C14%2C5.447%2C13.553%2C5%2C13%2C5z%20M3%2C10%20H1c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C4%2C10.447%2C3.553%2C10%2C3%2C10z%20M8%2C10H6c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C9%2C10.447%2C8.553%2C10%2C8%2C10z%20M13%2C10h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1v-2C14%2C10.447%2C13.553%2C10%2C13%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-heart:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C1.872c-2-3-7-2-7%2C2c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.479%2C3%2C3c0.583-0.521%2C3-3%2C3-3s4-4%2C4-7%20C14-0.128%2C9-1.128%2C7%2C1.872z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-home:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%202%2C7%202%2C14%205%2C14%205%2C9%209%2C9%209%2C14%2012%2C14%2012%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-info:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-location:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0C4.791%2C0%2C3%2C1.791%2C3%2C4c0%2C2%2C4%2C10%2C4%2C10s4-8%2C4-10C11%2C1.791%2C9.209%2C0%2C7%2C0z%20M7%2C6C5.896%2C6%2C5%2C5.104%2C5%2C4%20s0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2S8.104%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-lock:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M12%2C6V5c0-2.762-2.238-5-5-5C4.239%2C0%2C2%2C2.238%2C2%2C5v1H1v8h12V6H12z%20M7.5%2C9.848V12h-1V9.848%20C6.207%2C9.673%2C6%2C9.366%2C6%2C9c0-0.553%2C0.448-1%2C1-1s1%2C0.447%2C1%2C1C8%2C9.366%2C7.793%2C9.673%2C7.5%2C9.848z%20M10%2C6H4V5c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3V6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-mail:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M0%2C3.75V12h14V3.75L7%2C9L0%2C3.75z%20M14%2C2H0l7%2C5L14%2C2z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-minus:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-navigation:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2213%2C1%200%2C6%207%2C7%208%2C14%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-phone:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%22-0.01%200.008%2014%2014%22%20style%3D%22enable-background%3Anew%20-0.01%200.008%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M6.939%2C9.189C6.165%2C8.557%2C5.271%2C7.705%2C4.497%2C6.744C3.953%2C6.071%2C3.473%2C5.363%2C3.969%2C4.866l-3.482-3.48%20C-0.021%2C2.02-1.146%2C5.04%2C3.675%2C9.984c5.08%2C5.211%2C8.356%2C4.097%2C8.92%2C3.511l-3.396-3.4C8.725%2C10.568%2C8.113%2C10.146%2C6.939%2C9.189z%20%20M13.82%2C11.519v-0.004c0%2C0-2.648-2.646-2.649-2.647c-0.21-0.211-0.546-0.205-0.754%2C0.002L9.455%2C9.831l3.403%2C3.407%20c0%2C0%2C0.962-0.96%2C0.961-0.961l0.002-0.001C14.043%2C12.056%2C14.021%2C11.721%2C13.82%2C11.519z%20M5.192%2C3.644V3.642%20c0.222-0.222%2C0.2-0.557%2C0-0.758V2.881c0%2C0-2.726-2.725-2.727-2.726C2.255-0.055%2C1.92-0.05%2C1.712%2C0.156L0.751%2C1.121l3.479%2C3.482%20C4.231%2C4.604%2C5.192%2C3.645%2C5.192%2C3.644z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-plus:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-power:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-recycle:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M3%2C7h1L2%2C4L0%2C7h1c0%2C3.313%2C2.687%2C6%2C6%2C6c0.702%2C0%2C1.374-0.127%2C2-0.35v-2.205C8.41%2C10.789%2C7.732%2C11%2C7%2C11%20C4.791%2C11%2C3%2C9.209%2C3%2C7z%20M13%2C7c0-3.313-2.688-6-6-6C6.298%2C1%2C5.626%2C1.127%2C5%2C1.349v2.206C5.59%2C3.211%2C6.268%2C3%2C7%2C3c2.209%2C0%2C4%2C1.791%2C4%2C4%20h-1l2%2C3l2-3H13z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-refresh:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.001px%22%20height%3D%2214.002px%22%20viewBox%3D%220%200%2014.001%2014.002%22%20style%3D%22enable-background%3Anew%200%200%2014.001%2014.002%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.001%2C6.001v-6l-2.06%2C2.06c-0.423-0.424-0.897-0.809-1.44-1.122C7.153-0.994%2C2.872%2C0.153%2C0.939%2C3.501%20c-1.933%2C3.348-0.786%2C7.629%2C2.562%2C9.562c3.348%2C1.933%2C7.629%2C0.785%2C9.562-2.562l-1.732-1c-1.381%2C2.392-4.438%2C3.211-6.83%2C1.83%20s-3.211-4.438-1.83-6.83s4.438-3.211%2C6.83-1.83c0.389%2C0.225%2C0.718%2C0.506%2C1.02%2C0.81l-2.52%2C2.52H14.001z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-search:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5%20s2.463%2C5.5%2C5.5%2C5.5c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-shop:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10%2C4V3c0-1.657-1.343-3-3-3S4%2C1.343%2C4%2C3v1H1v10h12V4H10z%20M4.5%2C6C4.224%2C6%2C4%2C5.776%2C4%2C5.5%20S4.224%2C5%2C4.5%2C5S5%2C5.224%2C5%2C5.5S4.776%2C6%2C4.5%2C6z%20M5%2C3c0-1.104%2C0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2v1H5V3z%20M9.5%2C6C9.225%2C6%2C9%2C5.776%2C9%2C5.5%20S9.225%2C5%2C9.5%2C5S10%2C5.224%2C10%2C5.5S9.775%2C6%2C9.5%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-star:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-tag:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M5%2C0H0v5l9%2C9l5-5L5%2C0z%20M3%2C4C2.447%2C4%2C2%2C3.553%2C2%2C3s0.447-1%2C1-1s1%2C0.447%2C1%2C1S3.553%2C4%2C3%2C4z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-user:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-icon-video:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%20-2%2014%2014%22%20style%3D%22enable-background%3Anew%200%20-2%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M8%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2h6c1.104%2C0%2C2-0.896%2C2-2V5V2C10%2C0.896%2C9.104%2C0%2C8%2C0z%20%20M10%2C5l4%2C4V1L10%2C5z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-action:after,
.teetime-webservice .ui-alt-icon .ui-icon-action:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-alert:after,
.teetime-webservice .ui-alt-icon .ui-icon-alert:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8C6.447%2C8%2C6%2C7.553%2C6%2C7V5%20c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-d:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-d:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-d-l:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-d-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C3%2011%2C0%203.5%2C7.5%200%2C4%200%2C14%2010%2C14%206.5%2C10.5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-d-r:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-d-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2210.5%2C7.5%203%2C0%200%2C3%207.5%2C10.5%204%2C14%2014%2C14%2014%2C4%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-l:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-r:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-u:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-u:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-u-l:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-u-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C11%206.5%2C3.5%2010%2C0%200%2C0%200%2C10%203.5%2C6.5%2011%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-arrow-u-r:after,
.teetime-webservice .ui-alt-icon .ui-icon-arrow-u-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C0%204%2C0%207.5%2C3.5%200%2C11%203%2C14%2010.5%2C6.5%2014%2C10%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-audio:after,
.teetime-webservice .ui-alt-icon .ui-icon-audio:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.018px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014.018%2014%22%20style%3D%22enable-background%3Anew%200%200%2014.018%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C4C0.447%2C4%2C0%2C4.447%2C0%2C5v4c0%2C0.553%2C0.447%2C1%2C1%2C1h1l4%2C4V0L2%2C4H1z%20M10.346%2C7c0-1.699-1.042-3.154-2.546-3.867L6.982%2C4.68%20C7.885%2C5.107%2C8.51%2C5.98%2C8.51%2C7S7.885%2C8.893%2C6.982%2C9.32L7.8%2C10.867C9.304%2C10.154%2C10.346%2C8.699%2C10.346%2C7z%20M9.447%2C0.017L8.618%2C1.586%20C10.723%2C2.584%2C12.182%2C4.621%2C12.182%2C7s-1.459%2C4.416-3.563%2C5.414l0.829%2C1.569c2.707-1.283%2C4.57-3.925%2C4.57-6.983%20S12.154%2C1.3%2C9.447%2C0.017z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-back:after,
.teetime-webservice .ui-alt-icon .ui-icon-back:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C3V0L1%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C13%2C4%2C8%2C3%2C5%2C3z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-bars:after,
.teetime-webservice .ui-alt-icon .ui-icon-bars:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1C0.447%2C6%2C0%2C6.447%2C0%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h12%20c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-bullets:after,
.teetime-webservice .ui-alt-icon .ui-icon-bullets:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5C4.447%2C6%2C4%2C6.447%2C4%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h8%20c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6C0.447%2C6%2C0%2C6.447%2C0%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-calendar:after,
.teetime-webservice .ui-alt-icon .ui-icon-calendar:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M0%2C8h2V6H0V8z%20M3%2C8h2V6H3V8z%20M6%2C8h2V6H6V8z%20M9%2C8h2V6H9V8z%20M12%2C8h2V6h-2V8z%20M0%2C11h2V9H0V11z%20M3%2C11h2V9H3V11z%20M6%2C11h2V9H6V11z%20%20M9%2C11h2V9H9V11z%20M12%2C11h2V9h-2V11z%20M0%2C14h2v-2H0V14z%20M3%2C14h2v-2H3V14z%20M6%2C14h2v-2H6V14z%20M9%2C14h2v-2H9V14z%20M12%2C1%20c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1H4c0-0.553-0.447-1-1-1S2%2C0.447%2C2%2C1H0v4h14V1H12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-camera:after,
.teetime-webservice .ui-alt-icon .ui-icon-camera:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C2.5H9.908c-0.206-0.581-0.756-1-1.408-1h-3c-0.652%2C0-1.202%2C0.419-1.408%2C1H2c-1.104%2C0-2%2C0.896-2%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2%20h10c1.104%2C0%2C2-0.896%2C2-2v-6C14%2C3.396%2C13.104%2C2.5%2C12%2C2.5z%20M7%2C10.5c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3%20C10%2C9.156%2C8.657%2C10.5%2C7%2C10.5z%20M7%2C5.5c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.104%2C0.896%2C2%2C2%2C2c1.104%2C0%2C2-0.896%2C2-2C9%2C6.396%2C8.104%2C5.5%2C7%2C5.5z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-carat-d:after,
.teetime-webservice .ui-alt-icon .ui-icon-carat-d:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-carat-l:after,
.teetime-webservice .ui-alt-icon .ui-icon-carat-l:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-carat-r:after,
.teetime-webservice .ui-alt-icon .ui-icon-carat-r:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-carat-u:after,
.teetime-webservice .ui-alt-icon .ui-icon-carat-u:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-check:after,
.teetime-webservice .ui-alt-icon .ui-icon-check:after,
.teetime-webservice html .ui-alt-icon.ui-btn.ui-checkbox-on:after,
.teetime-webservice html .ui-alt-icon .ui-btn.ui-checkbox-on:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-clock:after,
.teetime-webservice .ui-alt-icon .ui-icon-clock:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-cloud:after,
.teetime-webservice .ui-alt-icon .ui-icon-cloud:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14%2C9.5c0-0.793-0.465-1.473-1.134-1.795C12.949%2C7.484%2C13%2C7.249%2C13%2C7c0-1.104-0.896-2-2-2c-0.158%2C0-0.311%2C0.023-0.457%2C0.058%20C9.816%2C3.549%2C8.286%2C2.5%2C6.5%2C2.5c-2.33%2C0-4.224%2C1.777-4.454%2C4.046C0.883%2C6.76%2C0%2C7.773%2C0%2C9c0%2C1.381%2C1.119%2C2.5%2C2.5%2C2.5h10v-0.07%20C13.361%2C11.206%2C14%2C10.432%2C14%2C9.5z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-comment:after,
.teetime-webservice .ui-alt-icon .ui-icon-comment:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v7c0%2C1.104%2C0.896%2C2%2C2%2C2h1v3l3-3h6c1.104%2C0%2C2-0.896%2C2-2V2C14%2C0.896%2C13.104%2C0%2C12%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-delete:after,
.teetime-webservice .ui-alt-icon .ui-icon-delete:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-edit:after,
.teetime-webservice .ui-alt-icon .ui-icon-edit:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-eye:after,
.teetime-webservice .ui-alt-icon .ui-icon-eye:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C2C3%2C2%2C0%2C7%2C0%2C7s3%2C5%2C7%2C5s7-5%2C7-5S11%2C2%2C7%2C2z%20M7%2C10c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3%20C10%2C8.656%2C8.657%2C10%2C7%2C10z%20M7%2C6C6.448%2C6%2C6%2C6.447%2C6%2C7c0%2C0.553%2C0.448%2C1%2C1%2C1s1-0.447%2C1-1C8%2C6.447%2C7.552%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-forbidden:after,
.teetime-webservice .ui-alt-icon .ui-icon-forbidden:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12.601%2C11.187C13.476%2C10.018%2C14%2C8.572%2C14%2C7c0-3.866-3.134-7-7-7C5.428%2C0%2C3.982%2C0.524%2C2.813%2C1.399L2.757%2C1.343L2.053%2C2.048%20L2.048%2C2.053L1.343%2C2.758l0.056%2C0.056C0.524%2C3.982%2C0%2C5.428%2C0%2C7c0%2C3.866%2C3.134%2C7%2C7%2C7c1.572%2C0%2C3.018-0.524%2C4.187-1.399l0.056%2C0.057%20l0.705-0.705l0.005-0.005l0.705-0.705L12.601%2C11.187z%20M7%2C2c2.761%2C0%2C5%2C2.238%2C5%2C5c0%2C1.019-0.308%2C1.964-0.832%2C2.754L4.246%2C2.832%20C5.036%2C2.308%2C5.981%2C2%2C7%2C2z%20M7%2C12c-2.761%2C0-5-2.238-5-5c0-1.019%2C0.308-1.964%2C0.832-2.754l6.922%2C6.922C8.964%2C11.692%2C8.019%2C12%2C7%2C12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-forward:after,
.teetime-webservice .ui-alt-icon .ui-icon-forward:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M13%2C4L9%2C0v3C6%2C3%2C1%2C4%2C1%2C8c0%2C5%2C7%2C6%2C7%2C6v-2c0%2C0-5-1-5-4s6-3%2C6-3v3L13%2C4z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-gear:after,
.teetime-webservice .ui-alt-icon .ui-icon-gear:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M13.621%2C5.904l-1.036-0.259c-0.168-0.042-0.303-0.168-0.355-0.332c-0.092-0.284-0.205-0.559-0.339-0.82%20c-0.079-0.153-0.073-0.337%2C0.017-0.486l0.549-0.915c0.118-0.196%2C0.088-0.448-0.075-0.61l-0.862-0.863%20c-0.162-0.163-0.414-0.193-0.611-0.075l-0.916%2C0.55C9.844%2C2.182%2C9.659%2C2.188%2C9.506%2C2.109C9.244%2C1.975%2C8.97%2C1.861%2C8.686%2C1.77%20c-0.165-0.052-0.29-0.187-0.332-0.354L8.095%2C0.379C8.039%2C0.156%2C7.839%2C0%2C7.609%2C0H6.391c-0.229%2C0-0.43%2C0.156-0.485%2C0.379L5.646%2C1.415%20C5.604%2C1.582%2C5.479%2C1.718%2C5.313%2C1.77c-0.284%2C0.092-0.559%2C0.206-0.82%2C0.34C4.339%2C2.188%2C4.155%2C2.182%2C4.007%2C2.093L3.092%2C1.544%20c-0.196-0.118-0.448-0.087-0.61%2C0.075L1.619%2C2.481C1.457%2C2.644%2C1.426%2C2.896%2C1.544%2C3.093l0.549%2C0.914%20c0.089%2C0.148%2C0.095%2C0.332%2C0.017%2C0.486C1.975%2C4.755%2C1.861%2C5.029%2C1.77%2C5.314c-0.053%2C0.164-0.188%2C0.29-0.354%2C0.332L0.379%2C5.905%20C0.156%2C5.961%2C0%2C6.161%2C0%2C6.391v1.219c0%2C0.229%2C0.156%2C0.43%2C0.379%2C0.485l1.036%2C0.26C1.582%2C8.396%2C1.717%2C8.521%2C1.77%2C8.687%20c0.092%2C0.284%2C0.205%2C0.559%2C0.34%2C0.82C2.188%2C9.66%2C2.182%2C9.844%2C2.093%2C9.993l-0.549%2C0.915c-0.118%2C0.195-0.087%2C0.448%2C0.075%2C0.61%20l0.862%2C0.862c0.162%2C0.163%2C0.414%2C0.193%2C0.61%2C0.075l0.915-0.549c0.148-0.089%2C0.332-0.095%2C0.486-0.017%20c0.262%2C0.135%2C0.536%2C0.248%2C0.82%2C0.34c0.165%2C0.053%2C0.291%2C0.187%2C0.332%2C0.354l0.259%2C1.036C5.96%2C13.844%2C6.16%2C14%2C6.39%2C14h1.22%20c0.229%2C0%2C0.43-0.156%2C0.485-0.379l0.259-1.036c0.042-0.167%2C0.168-0.302%2C0.333-0.354c0.284-0.092%2C0.559-0.205%2C0.82-0.34%20c0.154-0.078%2C0.338-0.072%2C0.486%2C0.017l0.914%2C0.549c0.197%2C0.118%2C0.449%2C0.088%2C0.611-0.074l0.862-0.863%20c0.163-0.162%2C0.193-0.415%2C0.075-0.611l-0.549-0.915c-0.089-0.148-0.096-0.332-0.017-0.485c0.134-0.263%2C0.248-0.536%2C0.339-0.82%20c0.053-0.165%2C0.188-0.291%2C0.355-0.333l1.036-0.259C13.844%2C8.039%2C14%2C7.839%2C14%2C7.609V6.39C14%2C6.16%2C13.844%2C5.96%2C13.621%2C5.904z%20M7%2C10%20c-1.657%2C0-3-1.343-3-3s1.343-3%2C3-3s3%2C1.343%2C3%2C3S8.657%2C10%2C7%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-grid:after,
.teetime-webservice .ui-alt-icon .ui-icon-grid:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%2C0H1C0.447%2C0%2C0%2C0.447%2C0%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C4%2C0.447%2C3.553%2C0%2C3%2C0z%20M8%2C0H6%20C5.447%2C0%2C5%2C0.447%2C5%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C9%2C0.447%2C8.553%2C0%2C8%2C0z%20M13%2C0h-2c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C14%2C0.447%2C13.553%2C0%2C13%2C0z%20M3%2C5H1C0.447%2C5%2C0%2C5.447%2C0%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1V6C4%2C5.447%2C3.553%2C5%2C3%2C5z%20M8%2C5H6C5.447%2C5%2C5%2C5.447%2C5%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6%20C9%2C5.447%2C8.553%2C5%2C8%2C5z%20M13%2C5h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6C14%2C5.447%2C13.553%2C5%2C13%2C5z%20M3%2C10%20H1c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C4%2C10.447%2C3.553%2C10%2C3%2C10z%20M8%2C10H6c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C9%2C10.447%2C8.553%2C10%2C8%2C10z%20M13%2C10h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1v-2C14%2C10.447%2C13.553%2C10%2C13%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-heart:after,
.teetime-webservice .ui-alt-icon .ui-icon-heart:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C1.958c-2-3-7-2.128-7%2C1.872c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.48%2C3%2C3c0.583-0.52%2C3-3%2C3-3s4-4%2C4-7C14-0.169%2C9-1.042%2C7%2C1.958z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-home:after,
.teetime-webservice .ui-alt-icon .ui-icon-home:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C0%200%2C7%202%2C7%202%2C14%205%2C14%205%2C9%209%2C9%209%2C14%2012%2C14%2012%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-info:after,
.teetime-webservice .ui-alt-icon .ui-icon-info:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-location:after,
.teetime-webservice .ui-alt-icon .ui-icon-location:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C4.791%2C0%2C3%2C1.791%2C3%2C4c0%2C2%2C4%2C10%2C4%2C10s4-8%2C4-10C11%2C1.791%2C9.209%2C0%2C7%2C0z%20M7%2C6C5.896%2C6%2C5%2C5.104%2C5%2C4s0.896-2%2C2-2%20c1.104%2C0%2C2%2C0.896%2C2%2C2S8.104%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-lock:after,
.teetime-webservice .ui-alt-icon .ui-icon-lock:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C6V5c0-2.762-2.238-5-5-5C4.239%2C0%2C2%2C2.238%2C2%2C5v1H1v8h12V6H12z%20M7.5%2C9.848V12h-1V9.848C6.207%2C9.673%2C6%2C9.366%2C6%2C9%20c0-0.553%2C0.448-1%2C1-1s1%2C0.447%2C1%2C1C8%2C9.366%2C7.793%2C9.673%2C7.5%2C9.848z%20M10%2C6H4V5c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3V6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-mail:after,
.teetime-webservice .ui-alt-icon .ui-icon-mail:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M0%2C3.75V12h14V3.75L7%2C9L0%2C3.75z%20M14%2C2H0l7%2C5L14%2C2z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-minus:after,
.teetime-webservice .ui-alt-icon .ui-icon-minus:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-navigation:after,
.teetime-webservice .ui-alt-icon .ui-icon-navigation:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2213%2C1%200%2C6%207%2C7%208%2C14%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-phone:after,
.teetime-webservice .ui-alt-icon .ui-icon-phone:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M6.949%2C9.182C6.175%2C8.549%2C5.281%2C7.697%2C4.507%2C6.736C3.963%2C6.063%2C3.483%2C5.355%2C3.979%2C4.858l-3.482-3.48%20c-0.508%2C0.634-1.633%2C3.654%2C3.188%2C8.598c5.08%2C5.211%2C8.356%2C4.097%2C8.92%2C3.511l-3.396-3.399C8.734%2C10.561%2C8.123%2C10.139%2C6.949%2C9.182z%20%20M13.83%2C11.512v-0.004c0%2C0-2.648-2.646-2.649-2.647c-0.21-0.212-0.546-0.205-0.754%2C0.002L9.465%2C9.823l3.402%2C3.407%20c0%2C0%2C0.963-0.961%2C0.961-0.961l0.002-0.002C14.053%2C12.049%2C14.031%2C11.713%2C13.83%2C11.512z%20M5.202%2C3.636V3.634%20c0.222-0.222%2C0.2-0.557%2C0-0.758V2.873c0%2C0-2.726-2.725-2.727-2.726c-0.21-0.21-0.545-0.205-0.753%2C0.001L0.761%2C1.113L4.24%2C4.595%20C4.241%2C4.596%2C5.202%2C3.637%2C5.202%2C3.636z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-plus:after,
.teetime-webservice .ui-alt-icon .ui-icon-plus:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-power:after,
.teetime-webservice .ui-alt-icon .ui-icon-power:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773%20s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863%20c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365%20c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773%20C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1c-0.553%2C0-1%2C0.447-1%2C1v6%20C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-recycle:after,
.teetime-webservice .ui-alt-icon .ui-icon-recycle:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%2C7h1L2%2C4L0%2C7h1c0%2C3.313%2C2.687%2C6%2C6%2C6c0.702%2C0%2C1.374-0.127%2C2-0.35v-2.205C8.41%2C10.789%2C7.732%2C11%2C7%2C11C4.791%2C11%2C3%2C9.209%2C3%2C7z%20%20M13%2C7c0-3.313-2.688-6-6-6C6.298%2C1%2C5.626%2C1.127%2C5%2C1.349v2.206C5.59%2C3.211%2C6.268%2C3%2C7%2C3c2.209%2C0%2C4%2C1.791%2C4%2C4h-1l2%2C3l2-3H13z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-refresh:after,
.teetime-webservice .ui-alt-icon .ui-icon-refresh:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.001px%22%20height%3D%2214.002px%22%20viewBox%3D%220%200%2014.001%2014.002%22%20style%3D%22enable-background%3Anew%200%200%2014.001%2014.002%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14.001%2C6.001v-6l-2.06%2C2.06c-0.423-0.424-0.897-0.809-1.44-1.122C7.153-0.994%2C2.872%2C0.153%2C0.939%2C3.501%20c-1.933%2C3.348-0.786%2C7.629%2C2.562%2C9.562c3.348%2C1.933%2C7.629%2C0.785%2C9.562-2.562l-1.732-1c-1.381%2C2.392-4.438%2C3.211-6.83%2C1.83%20s-3.211-4.438-1.83-6.83s4.438-3.211%2C6.83-1.83c0.389%2C0.225%2C0.718%2C0.506%2C1.02%2C0.81l-2.52%2C2.52H14.001z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-search:after,
.teetime-webservice .ui-alt-icon .ui-icon-search:after,
.teetime-webservice .ui-input-search:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5s2.463%2C5.5%2C5.5%2C5.5%20c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-shop:after,
.teetime-webservice .ui-alt-icon .ui-icon-shop:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10%2C4V3c0-1.657-1.343-3-3-3S4%2C1.343%2C4%2C3v1H1v10h12V4H10z%20M4.5%2C6C4.224%2C6%2C4%2C5.776%2C4%2C5.5S4.224%2C5%2C4.5%2C5S5%2C5.224%2C5%2C5.5%20S4.776%2C6%2C4.5%2C6z%20M5%2C3c0-1.104%2C0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2v1H5V3z%20M9.5%2C6C9.225%2C6%2C9%2C5.776%2C9%2C5.5S9.225%2C5%2C9.5%2C5S10%2C5.224%2C10%2C5.5%20S9.775%2C6%2C9.5%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-star:after,
.teetime-webservice .ui-alt-icon .ui-icon-star:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-tag:after,
.teetime-webservice .ui-alt-icon .ui-icon-tag:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C0H0v5l9%2C9l5-5L5%2C0z%20M3%2C4C2.447%2C4%2C2%2C3.553%2C2%2C3s0.447-1%2C1-1s1%2C0.447%2C1%2C1S3.553%2C4%2C3%2C4z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-user:after,
.teetime-webservice .ui-alt-icon .ui-icon-user:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-alt-icon.ui-icon-video:after,
.teetime-webservice .ui-alt-icon .ui-icon-video:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%20-2%2014%2014%22%20style%3D%22enable-background%3Anew%200%20-2%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M8%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2h6c1.104%2C0%2C2-0.896%2C2-2V5V2C10%2C0.896%2C9.104%2C0%2C8%2C0z%20M10%2C5l4%2C4V1L10%2C5z%22%2F%3E%3C%2Fsvg%3E");
}
.teetime-webservice .ui-nosvg .ui-icon-action:after {
  background-image: url(images/icons-png/action-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-alert:after {
  background-image: url(images/icons-png/alert-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-d-l:after {
  background-image: url(images/icons-png/arrow-d-l-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-d-r:after {
  background-image: url(images/icons-png/arrow-d-r-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-d:after {
  background-image: url(images/icons-png/arrow-d-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-l:after {
  background-image: url(images/icons-png/arrow-l-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-r:after {
  background-image: url(images/icons-png/arrow-r-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-u-l:after {
  background-image: url(images/icons-png/arrow-u-l-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-u-r:after {
  background-image: url(images/icons-png/arrow-u-r-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-arrow-u:after {
  background-image: url(images/icons-png/arrow-u-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-audio:after {
  background-image: url(images/icons-png/audio-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-back:after {
  background-image: url(images/icons-png/back-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-bars:after {
  background-image: url(images/icons-png/bars-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-bullets:after {
  background-image: url(images/icons-png/bullets-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-calendar:after {
  background-image: url(images/icons-png/calendar-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-camera:after {
  background-image: url(images/icons-png/camera-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-carat-d:after {
  background-image: url(images/icons-png/carat-d-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-carat-l:after {
  background-image: url(images/icons-png/carat-l-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-carat-r:after {
  background-image: url(images/icons-png/carat-r-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-carat-u:after {
  background-image: url(images/icons-png/carat-u-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-check:after,
.teetime-webservice html.ui-nosvg .ui-btn.ui-checkbox-on:after {
  background-image: url(images/icons-png/check-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-clock:after {
  background-image: url(images/icons-png/clock-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-cloud:after {
  background-image: url(images/icons-png/cloud-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-comment:after {
  background-image: url(images/icons-png/comment-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-delete:after {
  background-image: url(images/icons-png/delete-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-edit:after {
  background-image: url(images/icons-png/edit-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-eye:after {
  background-image: url(images/icons-png/eye-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-forbidden:after {
  background-image: url(images/icons-png/forbidden-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-forward:after {
  background-image: url(images/icons-png/forward-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-gear:after {
  background-image: url(images/icons-png/gear-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-grid:after {
  background-image: url(images/icons-png/grid-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-heart:after {
  background-image: url(images/icons-png/heart-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-home:after {
  background-image: url(images/icons-png/home-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-info:after {
  background-image: url(images/icons-png/info-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-location:after {
  background-image: url(images/icons-png/location-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-lock:after {
  background-image: url(images/icons-png/lock-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-mail:after {
  background-image: url(images/icons-png/mail-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-minus:after {
  background-image: url(images/icons-png/minus-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-navigation:after {
  background-image: url(images/icons-png/navigation-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-phone:after {
  background-image: url(images/icons-png/phone-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-plus:after {
  background-image: url(images/icons-png/plus-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-power:after {
  background-image: url(images/icons-png/power-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-recycle:after {
  background-image: url(images/icons-png/recycle-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-refresh:after {
  background-image: url(images/icons-png/refresh-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-search:after {
  background-image: url(images/icons-png/search-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-shop:after {
  background-image: url(images/icons-png/shop-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-star:after {
  background-image: url(images/icons-png/star-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-tag:after {
  background-image: url(images/icons-png/tag-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-user:after {
  background-image: url(images/icons-png/user-white.png);
}
.teetime-webservice .ui-nosvg .ui-icon-video:after {
  background-image: url(images/icons-png/video-white.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-action:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-action:after {
  background-image: url(images/icons-png/action-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-alert:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-alert:after {
  background-image: url(images/icons-png/alert-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-d:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-d:after {
  background-image: url(images/icons-png/arrow-d-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-d-l:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-d-l:after {
  background-image: url(images/icons-png/arrow-d-l-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-d-r:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-d-r:after {
  background-image: url(images/icons-png/arrow-d-r-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-l:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-l:after {
  background-image: url(images/icons-png/arrow-l-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-r:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-r:after {
  background-image: url(images/icons-png/arrow-r-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-u:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-u:after {
  background-image: url(images/icons-png/arrow-u-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-u-l:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-u-l:after {
  background-image: url(images/icons-png/arrow-u-l-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-u-r:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-u-r:after {
  background-image: url(images/icons-png/arrow-u-r-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-audio:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-audio:after {
  background-image: url(images/icons-png/audio-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-back:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-back:after {
  background-image: url(images/icons-png/back-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-bars:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-bars:after {
  background-image: url(images/icons-png/bars-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-bullets:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-bullets:after {
  background-image: url(images/icons-png/bullets-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-calendar:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-calendar:after {
  background-image: url(images/icons-png/calendar-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-camera:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-camera:after {
  background-image: url(images/icons-png/camera-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-d:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-d:after {
  background-image: url(images/icons-png/carat-d-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-l:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-l:after {
  background-image: url(images/icons-png/carat-l-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-r:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-r:after {
  background-image: url(images/icons-png/carat-r-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-u:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-u:after {
  background-image: url(images/icons-png/carat-u-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-check:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-check:after,
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-btn.ui-checkbox-on:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-btn.ui-checkbox-on:after {
  background-image: url(images/icons-png/check-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-clock:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-clock:after {
  background-image: url(images/icons-png/clock-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-cloud:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-cloud:after {
  background-image: url(images/icons-png/cloud-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-comment:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-comment:after {
  background-image: url(images/icons-png/comment-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-delete:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-delete:after {
  background-image: url(images/icons-png/delete-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-edit:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-edit:after {
  background-image: url(images/icons-png/edit-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-eye:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-eye:after {
  background-image: url(images/icons-png/eye-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-forbidden:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-forbidden:after {
  background-image: url(images/icons-png/forbidden-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-forward:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-forward:after {
  background-image: url(images/icons-png/forward-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-gear:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-gear:after {
  background-image: url(images/icons-png/gear-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-grid:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-grid:after {
  background-image: url(images/icons-png/grid-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-heart:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-heart:after {
  background-image: url(images/icons-png/heart-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-home:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-home:after {
  background-image: url(images/icons-png/home-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-info:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-info:after {
  background-image: url(images/icons-png/info-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-location:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-location:after {
  background-image: url(images/icons-png/location-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-lock:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-lock:after {
  background-image: url(images/icons-png/lock-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-mail:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-mail:after {
  background-image: url(images/icons-png/mail-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-minus:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-minus:after {
  background-image: url(images/icons-png/minus-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-navigation:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-navigation:after {
  background-image: url(images/icons-png/navigation-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-phone:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-phone:after {
  background-image: url(images/icons-png/phone-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-plus:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-plus:after {
  background-image: url(images/icons-png/plus-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-power:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-power:after {
  background-image: url(images/icons-png/power-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-recycle:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-recycle:after {
  background-image: url(images/icons-png/recycle-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-refresh:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-refresh:after {
  background-image: url(images/icons-png/refresh-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-search:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-search:after,
.teetime-webservice .ui-nosvg .ui-input-search:after {
  background-image: url(images/icons-png/search-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-shop:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-shop:after {
  background-image: url(images/icons-png/shop-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-star:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-star:after {
  background-image: url(images/icons-png/star-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-tag:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-tag:after {
  background-image: url(images/icons-png/tag-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-user:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-user:after {
  background-image: url(images/icons-png/user-black.png);
}
.teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-video:after,
.teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-video:after {
  background-image: url(images/icons-png/video-black.png);
}
.teetime-webservice html {
  font-size: 100%;
}
.teetime-webservice body,
.teetime-webservice input,
.teetime-webservice select,
.teetime-webservice textarea,
.teetime-webservice button,
.teetime-webservice .ui-btn {
  font-size: 1em;
  line-height: 1.3;
  font-family: sans-serif;
}
.teetime-webservice legend,
.teetime-webservice .ui-input-text input,
.teetime-webservice .ui-input-search input {
  color: inherit;
  text-shadow: inherit;
}
.teetime-webservice .ui-mobile label,
.teetime-webservice div.ui-controlgroup-label {
  font-weight: normal;
  font-size: 16px;
}
.teetime-webservice .ui-field-contain {
  border-bottom-color: #828282;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.teetime-webservice .table-stroke thead th,
.teetime-webservice .table-stripe thead th,
.teetime-webservice .table-stripe tbody tr:last-child {
  border-bottom: 1px solid #d6d6d6;
  /* non-RGBA fallback */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.teetime-webservice .table-stroke tbody th,
.teetime-webservice .table-stroke tbody td {
  border-bottom: 1px solid #e6e6e6;
  /* non-RGBA fallback  */
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.teetime-webservice .table-stripe.table-stroke tbody tr:last-child th,
.teetime-webservice .table-stripe.table-stroke tbody tr:last-child td {
  border-bottom: 0;
}
.teetime-webservice .table-stripe tbody tr:nth-child(odd) td,
.teetime-webservice .table-stripe tbody tr:nth-child(odd) th {
  background-color: #eeeeee;
  /* non-RGBA fallback  */
  background-color: rgba(0, 0, 0, 0.04);
}
.teetime-webservice .ui-btn,
.teetime-webservice label.ui-btn {
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-btn {
  text-decoration: none !important;
}
.teetime-webservice .ui-btn-active {
  cursor: pointer;
}
.teetime-webservice .ui-corner-all-teetime {
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
}
.teetime-webservice .ui-btn-corner-all,
.teetime-webservice .ui-btn.ui-corner-all-teetime,
.teetime-webservice .ui-slider-track.ui-corner-all-teetime,
.teetime-webservice .ui-flipswitch.ui-corner-all-teetime,
.teetime-webservice .ui-li-count {
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
}
.teetime-webservice .ui-btn-icon-notext.ui-btn-corner-all,
.teetime-webservice .ui-btn-icon-notext.ui-corner-all-teetime {
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.teetime-webservice .ui-btn-corner-all,
.teetime-webservice .ui-corner-all-teetime {
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
.teetime-webservice .ui-popup.ui-corner-all-teetime > .ui-popup-arrow-guide {
  left: 0.6em;
  right: 0.6em;
  top: 0.6em;
  bottom: 0.6em;
}
.teetime-webservice .ui-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.teetime-webservice .ui-shadow-inset {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.teetime-webservice .ui-overlay-shadow {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}
.teetime-webservice .ui-btn-icon-left:after,
.teetime-webservice .ui-btn-icon-right:after,
.teetime-webservice .ui-btn-icon-top:after,
.teetime-webservice .ui-btn-icon-bottom:after,
.teetime-webservice .ui-btn-icon-notext:after {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.3);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.teetime-webservice .ui-alt-icon.ui-btn:after,
.teetime-webservice .ui-alt-icon .ui-btn:after,
.teetime-webservice html .ui-alt-icon.ui-checkbox-off:after,
.teetime-webservice html .ui-alt-icon.ui-radio-off:after,
.teetime-webservice html .ui-alt-icon .ui-checkbox-off:after,
.teetime-webservice html .ui-alt-icon .ui-radio-off:after {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.15);
}
.teetime-webservice .ui-nodisc-icon.ui-btn:after,
.teetime-webservice .ui-nodisc-icon .ui-btn:after {
  background-color: transparent;
}
.teetime-webservice .ui-shadow-icon.ui-btn:after,
.teetime-webservice .ui-shadow-icon .ui-btn:after {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.teetime-webservice .ui-btn.ui-checkbox-off:after,
.teetime-webservice .ui-btn.ui-checkbox-on:after,
.teetime-webservice .ui-btn.ui-radio-off:after,
.teetime-webservice .ui-btn.ui-radio-on:after {
  display: block;
  width: 18px;
  height: 18px;
  margin: -9px 2px 0 2px;
}
.teetime-webservice .ui-checkbox-off:after,
.teetime-webservice .ui-btn.ui-radio-off:after {
  filter: Alpha(Opacity=30);
  opacity: 0.3;
}
.teetime-webservice .ui-btn.ui-checkbox-off:after,
.teetime-webservice .ui-btn.ui-checkbox-on:after {
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
}
.teetime-webservice .ui-btn.ui-checkbox-off:after {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.3);
}
.teetime-webservice .ui-radio .ui-btn.ui-radio-on:after {
  background-image: none;
  background-color: #fff;
  width: 8px;
  height: 8px;
  border-width: 5px;
  border-style: solid;
}
.teetime-webservice .ui-alt-icon.ui-btn.ui-radio-on:after,
.teetime-webservice .ui-alt-icon .ui-btn.ui-radio-on:after {
  background-color: #000;
}
.teetime-webservice .ui-icon-loading {
  /*background: url(images/ajax-loader.gif);
  background-size: 2.875em 2.875em;*/
}
.teetime-webservice .ui-bar-a,
.teetime-webservice .ui-page-theme-a .ui-bar-inherit,
.teetime-webservice html .ui-bar-a .ui-bar-inherit,
.teetime-webservice html .ui-body-a .ui-bar-inherit,
.teetime-webservice html body .ui-group-theme-a .ui-bar-inherit {
  background-color: #e9e9e9;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #eee;
  font-weight: bold;
}
.teetime-webservice .ui-bar-a {
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-overlay-a,
.teetime-webservice .ui-page-theme-a,
.teetime-webservice .ui-page-theme-a .ui-panel-wrapper {
  background-color: #f8f8f8;
  border-color: #bbb;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.teetime-webservice .ui-body-a,
.teetime-webservice .ui-page-theme-a .ui-body-inherit,
.teetime-webservice html .ui-bar-a .ui-body-inherit,
.teetime-webservice html .ui-body-a .ui-body-inherit,
.teetime-webservice html body .ui-group-theme-a .ui-body-inherit,
.teetime-webservice html .ui-panel-page-container-a {
  background-color: #fff;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.teetime-webservice .ui-body-a {
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-page-theme-a a,
.teetime-webservice html .ui-bar-a a,
.teetime-webservice html .ui-body-a a,
.teetime-webservice html body .ui-group-theme-a a {
  color: #3388cc;
  font-weight: bold;
}
.teetime-webservice .ui-page-theme-a a:visited,
.teetime-webservice html .ui-bar-a a:visited,
.teetime-webservice html .ui-body-a a:visited,
.teetime-webservice html body .ui-group-theme-a a:visited {
  color: #3388cc;
}
.teetime-webservice .ui-page-theme-a a:hover,
.teetime-webservice html .ui-bar-a a:hover,
.teetime-webservice html .ui-body-a a:hover,
.teetime-webservice html body .ui-group-theme-a a:hover {
  color: #005599;
}
.teetime-webservice .ui-page-theme-a a:active,
.teetime-webservice html .ui-bar-a a:active,
.teetime-webservice html .ui-body-a a:active,
.teetime-webservice html body .ui-group-theme-a a:active {
  color: #005599;
}
.teetime-webservice .ui-page-theme-a .ui-btn,
.teetime-webservice html .ui-bar-a .ui-btn,
.teetime-webservice html .ui-body-a .ui-btn,
.teetime-webservice html body .ui-group-theme-a .ui-btn,
.teetime-webservice html head + body .ui-btn.ui-btn-a,
.teetime-webservice .ui-page-theme-a .ui-btn:visited,
.teetime-webservice html .ui-bar-a .ui-btn:visited,
.teetime-webservice html .ui-body-a .ui-btn:visited,
.teetime-webservice html body .ui-group-theme-a .ui-btn:visited,
.teetime-webservice html head + body .ui-btn.ui-btn-a:visited {
  background-color: #f6f6f6;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.teetime-webservice .ui-page-theme-a .ui-btn:hover,
.teetime-webservice html .ui-bar-a .ui-btn:hover,
.teetime-webservice html .ui-body-a .ui-btn:hover,
.teetime-webservice html body .ui-group-theme-a .ui-btn:hover,
.teetime-webservice html head + body .ui-btn.ui-btn-a:hover {
  background-color: #ededed;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.teetime-webservice .ui-page-theme-a .ui-btn:active,
.teetime-webservice html .ui-bar-a .ui-btn:active,
.teetime-webservice html .ui-body-a .ui-btn:active,
.teetime-webservice html body .ui-group-theme-a .ui-btn:active,
.teetime-webservice html head + body .ui-btn.ui-btn-a:active {
  background-color: #e8e8e8;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.teetime-webservice .ui-page-theme-a .ui-btn.ui-btn-active,
.teetime-webservice html .ui-bar-a .ui-btn.ui-btn-active,
.teetime-webservice html .ui-body-a .ui-btn.ui-btn-active,
.teetime-webservice html body .ui-group-theme-a .ui-btn.ui-btn-active,
.teetime-webservice html head + body .ui-btn.ui-btn-a.ui-btn-active,
.teetime-webservice .ui-page-theme-a .ui-checkbox-on:after,
.teetime-webservice html .ui-bar-a .ui-checkbox-on:after,
.teetime-webservice html .ui-body-a .ui-checkbox-on:after,
.teetime-webservice html body .ui-group-theme-a .ui-checkbox-on:after,
.teetime-webservice .ui-btn.ui-checkbox-on.ui-btn-a:after,
.teetime-webservice .ui-page-theme-a .ui-flipswitch-active,
.teetime-webservice html .ui-bar-a .ui-flipswitch-active,
.teetime-webservice html .ui-body-a .ui-flipswitch-active,
.teetime-webservice html body .ui-group-theme-a .ui-flipswitch-active,
.teetime-webservice html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
.teetime-webservice .ui-page-theme-a .ui-slider-track .ui-btn-active,
.teetime-webservice html .ui-bar-a .ui-slider-track .ui-btn-active,
.teetime-webservice html .ui-body-a .ui-slider-track .ui-btn-active,
.teetime-webservice html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
.teetime-webservice html body div.ui-slider-track.ui-body-a .ui-btn-active {
  background-color: #21a0d7;
  border-color: #3388cc;
  color: #fff;
  text-shadow: 0 1px 0 #005599;
}
.teetime-webservice .ui-page-theme-a .ui-radio-on:after,
.teetime-webservice html .ui-bar-a .ui-radio-on:after,
.teetime-webservice html .ui-body-a .ui-radio-on:after,
.teetime-webservice html body .ui-group-theme-a .ui-radio-on:after,
.teetime-webservice .ui-btn.ui-radio-on.ui-btn-a:after {
  border-color: #3388cc;
}
.teetime-webservice .ui-page-theme-a .ui-btn:focus,
.teetime-webservice html .ui-bar-a .ui-btn:focus,
.teetime-webservice html .ui-body-a .ui-btn:focus,
.teetime-webservice html body .ui-group-theme-a .ui-btn:focus,
.teetime-webservice html head + body .ui-btn.ui-btn-a:focus,
.teetime-webservice .ui-page-theme-a .ui-focus,
.teetime-webservice html .ui-bar-a .ui-focus,
.teetime-webservice html .ui-body-a .ui-focus,
.teetime-webservice html body .ui-group-theme-a .ui-focus,
.teetime-webservice html head + body .ui-btn-a.ui-focus,
.teetime-webservice html head + body .ui-body-a.ui-focus {
  -webkit-box-shadow: 0 0 12px #3388cc;
  -moz-box-shadow: 0 0 12px #3388cc;
  box-shadow: 0 0 12px #3388cc;
}
.teetime-webservice .ui-bar-b,
.teetime-webservice .ui-page-theme-b .ui-bar-inherit,
.teetime-webservice html .ui-bar-b .ui-bar-inherit,
.teetime-webservice html .ui-body-b .ui-bar-inherit,
.teetime-webservice html body .ui-group-theme-b .ui-bar-inherit {
  background-color: #1d1d1d;
  border-color: #1b1b1b;
  color: #fff;
  text-shadow: 0 1px 0 #111;
  font-weight: bold;
}
.teetime-webservice .ui-bar-b {
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-overlay-b,
.teetime-webservice .ui-page-theme-b,
.teetime-webservice .ui-page-theme-b .ui-panel-wrapper {
  background-color: #252525;
  border-color: #454545;
  color: #fff;
  text-shadow: 0 1px 0 #111;
}
.teetime-webservice .ui-body-b,
.teetime-webservice .ui-page-theme-b .ui-body-inherit,
.teetime-webservice html .ui-bar-b .ui-body-inherit,
.teetime-webservice html .ui-body-b .ui-body-inherit,
.teetime-webservice html body .ui-group-theme-b .ui-body-inherit,
.teetime-webservice html .ui-panel-page-container-b {
  background-color: #2a2a2a;
  border-color: #1d1d1d;
  color: #fff;
  text-shadow: 0 1px 0 #111;
}
.teetime-webservice .ui-body-b {
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-page-theme-b a,
.teetime-webservice html .ui-bar-b a,
.teetime-webservice html .ui-body-b a,
.teetime-webservice html body .ui-group-theme-b a {
  color: #22aadd;
  font-weight: bold;
}
.teetime-webservice .ui-page-theme-b a:visited,
.teetime-webservice html .ui-bar-b a:visited,
.teetime-webservice html .ui-body-b a:visited,
.teetime-webservice html body .ui-group-theme-b a:visited {
  color: #22aadd;
}
.teetime-webservice .ui-page-theme-b a:hover,
.teetime-webservice html .ui-bar-b a:hover,
.teetime-webservice html .ui-body-b a:hover,
.teetime-webservice html body .ui-group-theme-b a:hover {
  color: #0088bb;
}
.teetime-webservice .ui-page-theme-b a:active,
.teetime-webservice html .ui-bar-b a:active,
.teetime-webservice html .ui-body-b a:active,
.teetime-webservice html body .ui-group-theme-b a:active {
  color: #0088bb;
}
.teetime-webservice .ui-page-theme-b .ui-btn,
.teetime-webservice html .ui-bar-b .ui-btn,
.teetime-webservice html .ui-body-b .ui-btn,
.teetime-webservice html body .ui-group-theme-b .ui-btn,
.teetime-webservice html head + body .ui-btn.ui-btn-b,
.teetime-webservice .ui-page-theme-b .ui-btn:visited,
.teetime-webservice html .ui-bar-b .ui-btn:visited,
.teetime-webservice html .ui-body-b .ui-btn:visited,
.teetime-webservice html body .ui-group-theme-b .ui-btn:visited,
.teetime-webservice html head + body .ui-btn.ui-btn-b:visited {
  background-color: #333;
  border-color: #1f1f1f;
  color: #fff;
  text-shadow: 0 1px 0 #111;
}
.teetime-webservice .ui-page-theme-b .ui-btn:hover,
.teetime-webservice html .ui-bar-b .ui-btn:hover,
.teetime-webservice html .ui-body-b .ui-btn:hover,
.teetime-webservice html body .ui-group-theme-b .ui-btn:hover,
.teetime-webservice html head + body .ui-btn.ui-btn-b:hover {
  background-color: #373737;
  border-color: #1f1f1f;
  color: #fff;
  text-shadow: 0 1px 0 #111;
}
.teetime-webservice .ui-page-theme-b .ui-btn:active,
.teetime-webservice html .ui-bar-b .ui-btn:active,
.teetime-webservice html .ui-body-b .ui-btn:active,
.teetime-webservice html body .ui-group-theme-b .ui-btn:active,
.teetime-webservice html head + body .ui-btn.ui-btn-b:active {
  background-color: #404040;
  border-color: #1f1f1f;
  color: #fff;
  text-shadow: 0 1px 0 #111;
}
.teetime-webservice .ui-page-theme-b .ui-btn.ui-btn-active,
.teetime-webservice html .ui-bar-b .ui-btn.ui-btn-active,
.teetime-webservice html .ui-body-b .ui-btn.ui-btn-active,
.teetime-webservice html body .ui-group-theme-b .ui-btn.ui-btn-active,
.teetime-webservice html head + body .ui-btn.ui-btn-b.ui-btn-active,
.teetime-webservice .ui-page-theme-b .ui-checkbox-on:after,
.teetime-webservice html .ui-bar-b .ui-checkbox-on:after,
.teetime-webservice html .ui-body-b .ui-checkbox-on:after,
.teetime-webservice html body .ui-group-theme-b .ui-checkbox-on:after,
.teetime-webservice .ui-btn.ui-checkbox-on.ui-btn-b:after,
.teetime-webservice .ui-page-theme-b .ui-flipswitch-active,
.teetime-webservice html .ui-bar-b .ui-flipswitch-active,
.teetime-webservice html .ui-body-b .ui-flipswitch-active,
.teetime-webservice html body .ui-group-theme-b .ui-flipswitch-active,
.teetime-webservice html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
.teetime-webservice .ui-page-theme-b .ui-slider-track .ui-btn-active,
.teetime-webservice html .ui-bar-b .ui-slider-track .ui-btn-active,
.teetime-webservice html .ui-body-b .ui-slider-track .ui-btn-active,
.teetime-webservice html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
.teetime-webservice html body div.ui-slider-track.ui-body-b .ui-btn-active {
  background-color: #22aadd;
  border-color: #22aadd;
  color: #fff;
  text-shadow: 0 1px 0 #0088bb;
}
.teetime-webservice .ui-page-theme-b .ui-radio-on:after,
.teetime-webservice html .ui-bar-b .ui-radio-on:after,
.teetime-webservice html .ui-body-b .ui-radio-on:after,
.teetime-webservice html body .ui-group-theme-b .ui-radio-on:after,
.teetime-webservice .ui-btn.ui-radio-on.ui-btn-b:after {
  border-color: #22aadd;
}
.teetime-webservice .ui-page-theme-b .ui-btn:focus,
.teetime-webservice html .ui-bar-b .ui-btn:focus,
.teetime-webservice html .ui-body-b .ui-btn:focus,
.teetime-webservice html body .ui-group-theme-b .ui-btn:focus,
.teetime-webservice html head + body .ui-btn.ui-btn-b:focus,
.teetime-webservice .ui-page-theme-b .ui-focus,
.teetime-webservice html .ui-bar-b .ui-focus,
.teetime-webservice html .ui-body-b .ui-focus,
.teetime-webservice html body .ui-group-theme-b .ui-focus,
.teetime-webservice html head + body .ui-btn-b.ui-focus,
.teetime-webservice html head + body .ui-body-b.ui-focus {
  -webkit-box-shadow: 0 0 12px #22aadd;
  -moz-box-shadow: 0 0 12px #22aadd;
  box-shadow: 0 0 12px #22aadd;
}
.teetime-webservice .ui-disabled,
.teetime-webservice .ui-state-disabled,
.teetime-webservice button[disabled],
.teetime-webservice .ui-select .ui-btn.ui-state-disabled {
  filter: Alpha(Opacity=30);
  opacity: 0.3;
  cursor: default !important;
  pointer-events: none;
}
.teetime-webservice .ui-btn:focus,
.teetime-webservice .ui-btn.ui-focus {
  outline: 0;
}
.teetime-webservice .ui-noboxshadow .ui-shadow,
.teetime-webservice .ui-noboxshadow .ui-shadow-inset,
.teetime-webservice .ui-noboxshadow .ui-overlay-shadow,
.teetime-webservice .ui-noboxshadow .ui-shadow-icon.ui-btn:after,
.teetime-webservice .ui-noboxshadow .ui-shadow-icon .ui-btn:after,
.teetime-webservice .ui-noboxshadow .ui-focus,
.teetime-webservice .ui-noboxshadow .ui-btn:focus,
.teetime-webservice .ui-noboxshadow input:focus,
.teetime-webservice .ui-noboxshadow .ui-panel {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.teetime-webservice .ui-noboxshadow .ui-btn:focus,
.teetime-webservice .ui-noboxshadow .ui-focus {
  outline-width: 1px;
  outline-style: auto;
}
.teetime-webservice .ui-mobile,
.teetime-webservice .ui-mobile body {
  height: 99.9%;
}
.teetime-webservice .ui-mobile fieldset,
.teetime-webservice .ui-page {
  padding: 0;
  margin: 0;
}
.teetime-webservice .ui-mobile a img,
.teetime-webservice .ui-mobile fieldset {
  border-width: 0;
}
.teetime-webservice .ui-mobile fieldset {
  min-width: 0;
}
@-moz-document url-prefix() {
  .teetime-webservice .ui-mobile fieldset {
    display: table-column;
    vertical-align: middle;
  }
}
.teetime-webservice .ui-mobile-viewport {
  margin: 0;
  overflow-x: visible;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.teetime-webservice body.ui-mobile-viewport,
.teetime-webservice div.ui-mobile-viewport {
  overflow-x: hidden;
}
.teetime-webservice .ui-mobile [data-role=page],
.teetime-webservice .ui-mobile [data-role=dialog],
.teetime-webservice .ui-page {
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  position: absolute;
  display: none;
  border: 0;
}
.teetime-webservice .ui-page {
  outline: none;
}
.teetime-webservice .ui-mobile .ui-page-active {
  display: block;
  overflow: visible;
  overflow-x: hidden;
}
@media screen and (orientation: portrait) {
  .teetime-webservice .ui-mobile .ui-page {
    min-height: 420px;
  }
}
@media screen and (orientation: landscape) {
  .teetime-webservice .ui-mobile .ui-page {
    min-height: 300px;
  }
}
.teetime-webservice .ui-mobile-rendering > * {
  visibility: hidden;
}
.teetime-webservice .ui-nojs {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-loading .ui-loader {
  display: block;
}
.teetime-webservice .ui-loader {
  display: none;
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  border: 0;
}
.teetime-webservice .ui-loader-default {
  background: none;
  filter: Alpha(Opacity=18);
  opacity: 0.18;
  width: 2.875em;
  height: 2.875em;
  margin-left: -1.4375em;
  margin-top: -1.4375em;
}
.teetime-webservice .ui-loader-verbose {
  width: 12.5em;
  filter: Alpha(Opacity=88);
  opacity: 0.88;
  box-shadow: 0 1px 1px -1px #fff;
  height: auto;
  margin-left: -6.875em;
  margin-top: -2.6875em;
  padding: 0.625em;
}
.teetime-webservice .ui-loader-default h1 {
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.teetime-webservice .ui-loader-verbose h1 {
  font-size: 1em;
  margin: 0;
  text-align: center;
}
.teetime-webservice .ui-loader .ui-icon-loading {
  /* background-color: #000;
  display: block;
  margin: 0;
  width: 2.75em;
  height: 2.75em;
  padding: .0625em;
  -webkit-border-radius: 2.25em;
  border-radius: 2.25em; */
}
.teetime-webservice .ui-loader-verbose .ui-icon-loading {
  /* margin: 0 auto .625em;
  filter: Alpha(Opacity=75);
  opacity: .75; */
}
.teetime-webservice .ui-loader-textonly {
  padding: 0.9375em;
  margin-left: -7.1875em;
}
.teetime-webservice .ui-loader-textonly .ui-icon-loading {
  display: none;
}
.teetime-webservice .ui-loader-fakefix {
  position: absolute;
}
.teetime-webservice .ui-bar,
.teetime-webservice .ui-body {
  position: relative;
  padding: 0.4em 1em;
  overflow: hidden;
  display: block;
  clear: both;
}
.teetime-webservice .ui-bar h1,
.teetime-webservice .ui-bar h2,
.teetime-webservice .ui-bar h3,
.teetime-webservice .ui-bar h4,
.teetime-webservice .ui-bar h5,
.teetime-webservice .ui-bar h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  display: inline-block;
}
.teetime-webservice .ui-header,
.teetime-webservice .ui-footer {
  border-width: 1px 0;
  border-style: solid;
  position: relative;
}
.teetime-webservice .ui-header:empty,
.teetime-webservice .ui-footer:empty {
  min-height: 2.6875em;
}
.teetime-webservice .ui-header .ui-title,
.teetime-webservice .ui-footer .ui-title {
  font-size: 1em;
  min-height: 1.1em;
  text-align: center;
  display: block;
  margin: 0 30%;
  padding: 0.7em 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: 0 !important;
}
.teetime-webservice .ui-footer .ui-title {
  margin: 0 1em;
}
.teetime-webservice .ui-content {
  border-width: 0;
  overflow: visible;
  overflow-x: hidden;
  padding: 5px;
}
.teetime-webservice .ui-corner-all-teetime > .ui-header:first-child,
.teetime-webservice .ui-corner-all-teetime > .ui-content:first-child,
.teetime-webservice .ui-corner-all-teetime > .ui-footer:first-child {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.teetime-webservice .ui-corner-all-teetime > .ui-header:last-child,
.teetime-webservice .ui-corner-all-teetime > .ui-content:last-child,
.teetime-webservice .ui-corner-all-teetime > .ui-footer:last-child {
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.teetime-webservice .ui-btn {
  font-size: 16px;
  margin: 0.5em 0;
  padding: 0.7em 1em;
  display: block;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.teetime-webservice .ui-btn-icon-notext,
.teetime-webservice .ui-header button.ui-btn.ui-btn-icon-notext,
.teetime-webservice .ui-footer button.ui-btn.ui-btn-icon-notext {
  padding: 0;
  width: 1.75em;
  height: 1.75em;
  text-indent: -9999px;
  white-space: nowrap !important;
}
.teetime-webservice .ui-mini {
  font-size: 12.5px;
}
.teetime-webservice .ui-mini .ui-btn {
  font-size: inherit;
}
.teetime-webservice .ui-header .ui-btn,
.teetime-webservice .ui-footer .ui-btn {
  font-size: 12.5px;
  display: inline-block;
  vertical-align: middle;
}
.teetime-webservice .ui-header .ui-controlgroup .ui-btn-icon-notext,
.teetime-webservice .ui-footer .ui-controlgroup .ui-btn-icon-notext {
  font-size: 12.5px;
}
.teetime-webservice .ui-header .ui-btn-left,
.teetime-webservice .ui-header .ui-btn-right {
  font-size: 12.5px;
}
.teetime-webservice .ui-mini.ui-btn-icon-notext,
.teetime-webservice .ui-mini .ui-btn-icon-notext,
.teetime-webservice .ui-header .ui-btn-icon-notext,
.teetime-webservice .ui-footer .ui-btn-icon-notext {
  font-size: 16px;
  padding: 0;
}
.teetime-webservice .ui-btn-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625em;
}
.teetime-webservice .ui-btn-icon-left {
  padding-left: 2.5em;
}
.teetime-webservice .ui-btn-icon-right {
  padding-right: 2.5em;
}
.teetime-webservice .ui-btn-icon-top {
  padding-top: 2.5em;
}
.teetime-webservice .ui-btn-icon-bottom {
  padding-bottom: 2.5em;
}
.teetime-webservice .ui-header .ui-btn-icon-top,
.teetime-webservice .ui-footer .ui-btn-icon-top,
.teetime-webservice .ui-header .ui-btn-icon-bottom,
.teetime-webservice .ui-footer .ui-btn-icon-bottom {
  padding-left: 0.3125em;
  padding-right: 0.3125em;
}
.teetime-webservice .ui-btn-icon-left:after,
.teetime-webservice .ui-btn-icon-right:after,
.teetime-webservice .ui-btn-icon-top:after,
.teetime-webservice .ui-btn-icon-bottom:after,
.teetime-webservice .ui-btn-icon-notext:after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
}
.teetime-webservice .ui-btn-icon-notext:after,
.teetime-webservice .ui-btn-icon-left:after,
.teetime-webservice .ui-btn-icon-right:after {
  top: 50%;
  margin-top: -11px;
}
.teetime-webservice .ui-btn-icon-left:after {
  left: 0.5625em;
}
.teetime-webservice .ui-btn-icon-right:after {
  right: 0.5625em;
}
.teetime-webservice .ui-mini.ui-btn-icon-left:after,
.teetime-webservice .ui-mini .ui-btn-icon-left:after,
.teetime-webservice .ui-header .ui-btn-icon-left:after,
.teetime-webservice .ui-footer .ui-btn-icon-left:after {
  left: 0.37em;
}
.teetime-webservice .ui-mini.ui-btn-icon-right:after,
.teetime-webservice .ui-mini .ui-btn-icon-right:after,
.teetime-webservice .ui-header .ui-btn-icon-right:after,
.teetime-webservice .ui-footer .ui-btn-icon-right:after {
  right: 0.37em;
}
.teetime-webservice .ui-btn-icon-notext:after,
.teetime-webservice .ui-btn-icon-top:after,
.teetime-webservice .ui-btn-icon-bottom:after {
  left: 50%;
  margin-left: -11px;
}
.teetime-webservice .ui-btn-icon-top:after {
  top: 0.5625em;
}
.teetime-webservice .ui-btn-icon-bottom:after {
  top: auto;
  bottom: 0.5625em;
}
.teetime-webservice .ui-header .ui-btn-left,
.teetime-webservice .ui-header .ui-btn-right,
.teetime-webservice .ui-btn-left > [class*=ui-],
.teetime-webservice .ui-btn-right > [class*=ui-] {
  margin: 0;
}
.teetime-webservice .ui-btn-left,
.teetime-webservice .ui-btn-right {
  position: absolute;
  top: 0.24em;
}
.teetime-webservice .ui-btn-left {
  left: 0.4em;
}
.teetime-webservice .ui-btn-right {
  right: 0.4em;
}
.teetime-webservice .ui-btn-icon-notext.ui-btn-left {
  top: 0.3125em;
  left: 0.3125em;
}
.teetime-webservice .ui-btn-icon-notext.ui-btn-right {
  top: 0.3125em;
  right: 0.3125em;
}
.teetime-webservice button.ui-btn,
.teetime-webservice .ui-controlgroup-controls button.ui-btn-icon-notext {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}
.teetime-webservice button.ui-btn-inline,
.teetime-webservice .ui-header button.ui-btn,
.teetime-webservice .ui-footer button.ui-btn {
  width: auto;
}
.teetime-webservice button.ui-btn::-moz-focus-inner {
  border: 0;
}
.teetime-webservice button.ui-btn-icon-notext,
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 1.75em;
}
.teetime-webservice .ui-mobile label,
.teetime-webservice .ui-controlgroup-label {
  display: block;
  margin: 0 0 0.4em;
}
.teetime-webservice .ui-hide-label > label,
.teetime-webservice .ui-hide-label .ui-controlgroup-label,
.teetime-webservice .ui-hide-label .ui-rangeslider label,
.teetime-webservice .ui-hidden-accessible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-screen-hidden {
  display: none !important;
}
.teetime-webservice .ui-mobile-viewport-transitioning,
.teetime-webservice .ui-mobile-viewport-transitioning .ui-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.teetime-webservice .ui-page-pre-in {
  opacity: 0;
}
.teetime-webservice .in {
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 350ms;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 350ms;
  animation-timing-function: ease-out;
  animation-duration: 350ms;
}
.teetime-webservice .out {
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 225ms;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 225ms;
  animation-timing-function: ease-in;
  animation-duration: 225ms;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.teetime-webservice .fade.out {
  opacity: 0;
  -webkit-animation-duration: 125ms;
  -webkit-animation-name: fadeout;
  -moz-animation-duration: 125ms;
  -moz-animation-name: fadeout;
  animation-duration: 125ms;
  animation-name: fadeout;
}
.teetime-webservice .fade.in {
  opacity: 1;
  -webkit-animation-duration: 225ms;
  -webkit-animation-name: fadein;
  -moz-animation-duration: 225ms;
  -moz-animation-name: fadein;
  animation-duration: 225ms;
  animation-name: fadein;
}
.teetime-webservice .pop {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.teetime-webservice .pop.in {
  -webkit-transform: scale(1);
  -webkit-animation-name: popin;
  -webkit-animation-duration: 350ms;
  -moz-transform: scale(1);
  -moz-animation-name: popin;
  -moz-animation-duration: 350ms;
  transform: scale(1);
  animation-name: popin;
  animation-duration: 350ms;
  opacity: 1;
}
.teetime-webservice .pop.out {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 100ms;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 100ms;
  animation-name: fadeout;
  animation-duration: 100ms;
  opacity: 0;
}
.teetime-webservice .pop.in.reverse {
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  animation-name: fadein;
}
.teetime-webservice .pop.out.reverse {
  -webkit-transform: scale(0.8);
  -webkit-animation-name: popout;
  -moz-transform: scale(0.8);
  -moz-animation-name: popout;
  transform: scale(0.8);
  animation-name: popout;
}
@-webkit-keyframes popin {
  from {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes popin {
  from {
    -moz-transform: scale(0.8);
    opacity: 0;
  }
  to {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes popout {
  from {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
}
@-moz-keyframes popout {
  from {
    -moz-transform: scale(1);
    opacity: 1;
  }
  to {
    -moz-transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes popout {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes slideinfromright {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideinfromright {
  from {
    -moz-transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(0);
  }
}
@keyframes slideinfromright {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideinfromleft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideinfromleft {
  from {
    -moz-transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(0);
  }
}
@keyframes slideinfromleft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideouttoleft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes slideouttoleft {
  from {
    -moz-transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-100%);
  }
}
@keyframes slideouttoleft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideouttoright {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes slideouttoright {
  from {
    -moz-transform: translateX(0);
  }
  to {
    -moz-transform: translateX(100%);
  }
}
@keyframes slideouttoright {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.teetime-webservice .slide.out, .teetime-webservice .slide.in {
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 350ms;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 350ms;
  animation-timing-function: ease-out;
  animation-duration: 350ms;
}
.teetime-webservice .slide.out {
  -webkit-transform: translate3d(-100%, 0, 0);
  -webkit-animation-name: slideouttoleft;
  -moz-transform: translateX(-100%);
  -moz-animation-name: slideouttoleft;
  transform: translateX(-100%);
  animation-name: slideouttoleft;
}
.teetime-webservice .slide.in {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation-name: slideinfromright;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromright;
  transform: translateX(0);
  animation-name: slideinfromright;
}
.teetime-webservice .slide.out.reverse {
  -webkit-transform: translate3d(100%, 0, 0);
  -webkit-animation-name: slideouttoright;
  -moz-transform: translateX(100%);
  -moz-animation-name: slideouttoright;
  transform: translateX(100%);
  animation-name: slideouttoright;
}
.teetime-webservice .slide.in.reverse {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation-name: slideinfromleft;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromleft;
  transform: translateX(0);
  animation-name: slideinfromleft;
}
.teetime-webservice .slidefade.out {
  -webkit-transform: translateX(-100%);
  -webkit-animation-name: slideouttoleft;
  -webkit-animation-duration: 225ms;
  -moz-transform: translateX(-100%);
  -moz-animation-name: slideouttoleft;
  -moz-animation-duration: 225ms;
  transform: translateX(-100%);
  animation-name: slideouttoleft;
  animation-duration: 225ms;
}
.teetime-webservice .slidefade.in {
  -webkit-transform: translateX(0);
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateX(0);
  -moz-animation-name: fadein;
  -moz-animation-duration: 200ms;
  transform: translateX(0);
  animation-name: fadein;
  animation-duration: 200ms;
}
.teetime-webservice .slidefade.out.reverse {
  -webkit-transform: translateX(100%);
  -webkit-animation-name: slideouttoright;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateX(100%);
  -moz-animation-name: slideouttoright;
  -moz-animation-duration: 200ms;
  transform: translateX(100%);
  animation-name: slideouttoright;
  animation-duration: 200ms;
}
.teetime-webservice .slidefade.in.reverse {
  -webkit-transform: translateX(0);
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateX(0);
  -moz-animation-name: fadein;
  -moz-animation-duration: 200ms;
  transform: translateX(0);
  animation-name: fadein;
  animation-duration: 200ms;
}
.teetime-webservice .slidedown.out {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 100ms;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 100ms;
  animation-name: fadeout;
  animation-duration: 100ms;
}
.teetime-webservice .slidedown.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfromtop;
  -webkit-animation-duration: 250ms;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfromtop;
  -moz-animation-duration: 250ms;
  transform: translateY(0);
  animation-name: slideinfromtop;
  animation-duration: 250ms;
}
.teetime-webservice .slidedown.in.reverse {
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 150ms;
  -moz-animation-name: fadein;
  -moz-animation-duration: 150ms;
  animation-name: fadein;
  animation-duration: 150ms;
}
.teetime-webservice .slidedown.out.reverse {
  -webkit-transform: translateY(-100%);
  -webkit-animation-name: slideouttotop;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateY(-100%);
  -moz-animation-name: slideouttotop;
  -moz-animation-duration: 200ms;
  transform: translateY(-100%);
  animation-name: slideouttotop;
  animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideinfromtop {
  from {
    -moz-transform: translateY(-100%);
  }
  to {
    -moz-transform: translateY(0);
  }
}
@keyframes slideinfromtop {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideouttotop {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideouttotop {
  from {
    -moz-transform: translateY(0);
  }
  to {
    -moz-transform: translateY(-100%);
  }
}
@keyframes slideouttotop {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.teetime-webservice .slideup.out {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 100ms;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 100ms;
  animation-name: fadeout;
  animation-duration: 100ms;
}
.teetime-webservice .slideup.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfrombottom;
  -webkit-animation-duration: 250ms;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfrombottom;
  -moz-animation-duration: 250ms;
  transform: translateY(0);
  animation-name: slideinfrombottom;
  animation-duration: 250ms;
}
.teetime-webservice .slideup.in.reverse {
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 150ms;
  -moz-animation-name: fadein;
  -moz-animation-duration: 150ms;
  animation-name: fadein;
  animation-duration: 150ms;
}
.teetime-webservice .slideup.out.reverse {
  -webkit-transform: translateY(100%);
  -webkit-animation-name: slideouttobottom;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateY(100%);
  -moz-animation-name: slideouttobottom;
  -moz-animation-duration: 200ms;
  transform: translateY(100%);
  animation-name: slideouttobottom;
  animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
  from {
    -webkit-transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideinfrombottom {
  from {
    -moz-transform: translateY(100%);
  }
  to {
    -moz-transform: translateY(0);
  }
}
@keyframes slideinfrombottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideouttobottom {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slideouttobottom {
  from {
    -moz-transform: translateY(0);
  }
  to {
    -moz-transform: translateY(100%);
  }
}
@keyframes slideouttobottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
.teetime-webservice .viewport-flip {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  position: absolute;
}
.teetime-webservice .flip {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  -moz-backface-visibility: hidden;
  -moz-transform: translateX(0);
  backface-visibility: hidden;
  transform: translateX(0);
}
.teetime-webservice .flip.out {
  -webkit-transform: rotateY(-90deg) scale(0.9);
  -webkit-animation-name: flipouttoleft;
  -webkit-animation-duration: 175ms;
  -moz-transform: rotateY(-90deg) scale(0.9);
  -moz-animation-name: flipouttoleft;
  -moz-animation-duration: 175ms;
  transform: rotateY(-90deg) scale(0.9);
  animation-name: flipouttoleft;
  animation-duration: 175ms;
}
.teetime-webservice .flip.in {
  -webkit-animation-name: flipintoright;
  -webkit-animation-duration: 225ms;
  -moz-animation-name: flipintoright;
  -moz-animation-duration: 225ms;
  animation-name: flipintoright;
  animation-duration: 225ms;
}
.teetime-webservice .flip.out.reverse {
  -webkit-transform: rotateY(90deg) scale(0.9);
  -webkit-animation-name: flipouttoright;
  -moz-transform: rotateY(90deg) scale(0.9);
  -moz-animation-name: flipouttoright;
  transform: rotateY(90deg) scale(0.9);
  animation-name: flipouttoright;
}
.teetime-webservice .flip.in.reverse {
  -webkit-animation-name: flipintoleft;
  -moz-animation-name: flipintoleft;
  animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoleft {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
}
@keyframes flipouttoleft {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-90deg) scale(0.9);
  }
}
@-webkit-keyframes flipouttoright {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoright {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
}
@keyframes flipouttoright {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(90deg) scale(0.9);
  }
}
@-webkit-keyframes flipintoleft {
  from {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoleft {
  from {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoleft {
  from {
    transform: rotateY(-90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
@-webkit-keyframes flipintoright {
  from {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoright {
  from {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoright {
  from {
    transform: rotateY(90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
.teetime-webservice .viewport-turn {
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -ms-perspective: 200px;
  perspective: 200px;
  position: absolute;
}
.teetime-webservice .turn {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  -webkit-transform-origin: 0;
  -moz-backface-visibility: hidden;
  -moz-transform: translateX(0);
  -moz-transform-origin: 0;
  backface-visibility: hidden;
  transform: translateX(0);
  transform-origin: 0;
}
.teetime-webservice .turn.out {
  -webkit-transform: rotateY(-90deg) scale(0.9);
  -webkit-animation-name: flipouttoleft;
  -webkit-animation-duration: 125ms;
  -moz-transform: rotateY(-90deg) scale(0.9);
  -moz-animation-name: flipouttoleft;
  -moz-animation-duration: 125ms;
  transform: rotateY(-90deg) scale(0.9);
  animation-name: flipouttoleft;
  animation-duration: 125ms;
}
.teetime-webservice .turn.in {
  -webkit-animation-name: flipintoright;
  -webkit-animation-duration: 250ms;
  -moz-animation-name: flipintoright;
  -moz-animation-duration: 250ms;
  animation-name: flipintoright;
  animation-duration: 250ms;
}
.teetime-webservice .turn.out.reverse {
  -webkit-transform: rotateY(90deg) scale(0.9);
  -webkit-animation-name: flipouttoright;
  -moz-transform: rotateY(90deg) scale(0.9);
  -moz-animation-name: flipouttoright;
  transform: rotateY(90deg) scale(0.9);
  animation-name: flipouttoright;
}
.teetime-webservice .turn.in.reverse {
  -webkit-animation-name: flipintoleft;
  -moz-animation-name: flipintoleft;
  animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoleft {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
}
@keyframes flipouttoleft {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-90deg) scale(0.9);
  }
}
@-webkit-keyframes flipouttoright {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoright {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
}
@keyframes flipouttoright {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(90deg) scale(0.9);
  }
}
@-webkit-keyframes flipintoleft {
  from {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoleft {
  from {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoleft {
  from {
    transform: rotateY(-90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
@-webkit-keyframes flipintoright {
  from {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoright {
  from {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoright {
  from {
    transform: rotateY(90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
.teetime-webservice .flow {
  -webkit-transform-origin: 50% 30%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -moz-transform-origin: 50% 30%;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  transform-origin: 50% 30%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.teetime-webservice .ui-dialog.flow {
  -webkit-transform-origin: none;
  -webkit-box-shadow: none;
  -moz-transform-origin: none;
  -moz-box-shadow: none;
  transform-origin: none;
  box-shadow: none;
}
.teetime-webservice .flow.out {
  -webkit-transform: translateX(-100%) scale(0.7);
  -webkit-animation-name: flowouttoleft;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 350ms;
  -moz-transform: translateX(-100%) scale(0.7);
  -moz-animation-name: flowouttoleft;
  -moz-animation-timing-function: ease;
  -moz-animation-duration: 350ms;
  transform: translateX(-100%) scale(0.7);
  animation-name: flowouttoleft;
  animation-timing-function: ease;
  animation-duration: 350ms;
}
.teetime-webservice .flow.in {
  -webkit-transform: translateX(0) scale(1);
  -webkit-animation-name: flowinfromright;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 350ms;
  -moz-transform: translateX(0) scale(1);
  -moz-animation-name: flowinfromright;
  -moz-animation-timing-function: ease;
  -moz-animation-duration: 350ms;
  transform: translateX(0) scale(1);
  animation-name: flowinfromright;
  animation-timing-function: ease;
  animation-duration: 350ms;
}
.teetime-webservice .flow.out.reverse {
  -webkit-transform: translateX(100%);
  -webkit-animation-name: flowouttoright;
  -moz-transform: translateX(100%);
  -moz-animation-name: flowouttoright;
  transform: translateX(100%);
  animation-name: flowouttoright;
}
.teetime-webservice .flow.in.reverse {
  -webkit-animation-name: flowinfromleft;
  -moz-animation-name: flowinfromleft;
  animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
  0% {
    -webkit-transform: translateX(0) scale(1);
  }
  60%, 70% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(-100%) scale(0.7);
  }
}
@-moz-keyframes flowouttoleft {
  0% {
    -moz-transform: translateX(0) scale(1);
  }
  60%, 70% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(-100%) scale(0.7);
  }
}
@keyframes flowouttoleft {
  0% {
    transform: translateX(0) scale(1);
  }
  60%, 70% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(-100%) scale(0.7);
  }
}
@-webkit-keyframes flowouttoright {
  0% {
    -webkit-transform: translateX(0) scale(1);
  }
  60%, 70% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(100%) scale(0.7);
  }
}
@-moz-keyframes flowouttoright {
  0% {
    -moz-transform: translateX(0) scale(1);
  }
  60%, 70% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(100%) scale(0.7);
  }
}
@keyframes flowouttoright {
  0% {
    transform: translateX(0) scale(1);
  }
  60%, 70% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(100%) scale(0.7);
  }
}
@-webkit-keyframes flowinfromleft {
  0% {
    -webkit-transform: translateX(-100%) scale(0.7);
  }
  30%, 40% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(0) scale(1);
  }
}
@-moz-keyframes flowinfromleft {
  0% {
    -moz-transform: translateX(-100%) scale(0.7);
  }
  30%, 40% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(0) scale(1);
  }
}
@keyframes flowinfromleft {
  0% {
    transform: translateX(-100%) scale(0.7);
  }
  30%, 40% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes flowinfromright {
  0% {
    -webkit-transform: translateX(100%) scale(0.7);
  }
  30%, 40% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(0) scale(1);
  }
}
@-moz-keyframes flowinfromright {
  0% {
    -moz-transform: translateX(100%) scale(0.7);
  }
  30%, 40% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(0) scale(1);
  }
}
@keyframes flowinfromright {
  0% {
    transform: translateX(100%) scale(0.7);
  }
  30%, 40% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
.teetime-webservice .ui-field-contain,
.teetime-webservice .ui-mobile fieldset.ui-field-contain {
  display: block;
  position: relative;
  overflow: visible;
  clear: both;
  padding: 0.8em 0;
}
.teetime-webservice .ui-field-contain > label ~ [class*=ui-],
.teetime-webservice .ui-field-contain .ui-controlgroup-controls {
  margin: 0;
}
.teetime-webservice .ui-field-contain:last-child {
  border-bottom-width: 0;
}
@media (min-width: 28em) {
  .teetime-webservice {
    /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
  }
  .teetime-webservice .ui-field-contain,
.teetime-webservice .ui-mobile fieldset.ui-field-contain {
    padding: 0;
    margin: 1em 0;
    border-bottom-width: 0;
  }
  .teetime-webservice .ui-field-contain:before,
.teetime-webservice .ui-field-contain:after {
    content: "";
    display: table;
  }
  .teetime-webservice .ui-field-contain:after {
    clear: both;
  }
  .teetime-webservice .ui-field-contain > label,
.teetime-webservice .ui-field-contain .ui-controlgroup-label,
.teetime-webservice .ui-field-contain > .ui-rangeslider > label {
    float: left;
    width: 20%;
    margin: 0.5em 2% 0 0;
  }
  .teetime-webservice .ui-popup .ui-field-contain > label,
.teetime-webservice .ui-popup .ui-field-contain .ui-controlgroup-label,
.teetime-webservice .ui-popup .ui-field-contain > .ui-rangeslider > label {
    float: none;
    width: auto;
    margin: 0 0 0.4em;
  }
  .teetime-webservice .ui-field-contain > label ~ [class*=ui-],
.teetime-webservice .ui-field-contain .ui-controlgroup-controls {
    float: left;
    width: 78%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .teetime-webservice .ui-hide-label > label ~ [class*=ui-],
.teetime-webservice .ui-hide-label .ui-controlgroup-controls,
.teetime-webservice .ui-popup .ui-field-contain > label ~ [class*=ui-],
.teetime-webservice .ui-popup .ui-field-contain .ui-controlgroup-controls {
    float: none;
    width: 100%;
  }
  .teetime-webservice .ui-field-contain > label ~ .ui-btn-inline {
    width: auto;
    margin-right: 0.625em;
  }
  .teetime-webservice .ui-field-contain > label ~ .ui-btn-inline.ui-btn-icon-notext {
    width: 1.75em;
  }
}
.teetime-webservice .ui-grid-a,
.teetime-webservice .ui-grid-b,
.teetime-webservice .ui-grid-c,
.teetime-webservice .ui-grid-d,
.teetime-webservice .ui-grid-solo {
  overflow: hidden;
}
.teetime-webservice .ui-block-a,
.teetime-webservice .ui-block-b,
.teetime-webservice .ui-block-c,
.teetime-webservice .ui-block-d,
.teetime-webservice .ui-block-e {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.teetime-webservice .ui-block-a {
  clear: left;
}
.teetime-webservice ul.ui-grid-a,
.teetime-webservice ul.ui-grid-b,
.teetime-webservice ul.ui-grid-c,
.teetime-webservice ul.ui-grid-d,
.teetime-webservice ul.ui-grid-solo,
.teetime-webservice li.ui-block-a,
.teetime-webservice li.ui-block-b,
.teetime-webservice li.ui-block-c,
.teetime-webservice li.ui-block-d,
.teetime-webservice li.ui-block-e {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  list-style: none;
}
.teetime-webservice [class*=ui-block-] > button.ui-btn {
  margin-right: 0;
  margin-left: 0;
}
.teetime-webservice [class*=ui-block-] > .ui-btn,
.teetime-webservice [class*=ui-block-] > .ui-select,
.teetime-webservice [class*=ui-block-] > .ui-checkbox,
.teetime-webservice [class*=ui-block-] > .ui-radio,
.teetime-webservice [class*=ui-block-] > button.ui-btn-inline,
.teetime-webservice [class*=ui-block-] > button.ui-btn-icon-notext,
.teetime-webservice .ui-header [class*=ui-block-] > button.ui-btn,
.teetime-webservice .ui-footer [class*=ui-block-] > button.ui-btn {
  margin-right: 0.3125em;
  margin-left: 0.3125em;
}
.teetime-webservice .ui-grid-a > .ui-block-a,
.teetime-webservice .ui-grid-a > .ui-block-b {
  /* width: 49.95%; IE7 */
  /* margin-right: -.5px; BB5 */
  width: 50%;
}
.teetime-webservice .ui-grid-b > .ui-block-a,
.teetime-webservice .ui-grid-b > .ui-block-b,
.teetime-webservice .ui-grid-b > .ui-block-c {
  /* width: 33.25%; IE7 */
  /* margin-right: -.5px; BB5 */
  width: 50%;
}
.teetime-webservice .ui-grid-c > .ui-block-a,
.teetime-webservice .ui-grid-c > .ui-block-b,
.teetime-webservice .ui-grid-c > .ui-block-c,
.teetime-webservice .ui-grid-c > .ui-block-d {
  /* width: 24.925%; IE7 */
  /* margin-right: -.5px; BB5 */
  width: 25%;
}
.teetime-webservice .ui-grid-d > .ui-block-a,
.teetime-webservice .ui-grid-d > .ui-block-b,
.teetime-webservice .ui-grid-d > .ui-block-c,
.teetime-webservice .ui-grid-d > .ui-block-d,
.teetime-webservice .ui-grid-d > .ui-block-e {
  /* width: 19.925%; IE7 */
  width: 20%;
}
.teetime-webservice .ui-grid-solo > .ui-block-a {
  width: 100%;
  float: none;
}
@media (max-width: 35em) {
  .teetime-webservice .ui-responsive > .ui-block-a,
.teetime-webservice .ui-responsive > .ui-block-b,
.teetime-webservice .ui-responsive > .ui-block-c,
.teetime-webservice .ui-responsive > .ui-block-d,
.teetime-webservice .ui-responsive > .ui-block-e {
    width: 100%;
    float: none;
  }
}
.teetime-webservice .ui-header-fixed,
.teetime-webservice .ui-footer-fixed {
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.teetime-webservice .ui-header-fixed {
  top: -1px;
  padding-top: 1px;
}
.teetime-webservice .ui-header-fixed.ui-fixed-hidden {
  top: 0;
  padding-top: 0;
}
.teetime-webservice .ui-header-fixed .ui-btn-left,
.teetime-webservice .ui-header-fixed .ui-btn-right {
  margin-top: 1px;
}
.teetime-webservice .ui-header-fixed.ui-fixed-hidden .ui-btn-left,
.teetime-webservice .ui-header-fixed.ui-fixed-hidden .ui-btn-right {
  margin-top: 0;
}
.teetime-webservice .ui-footer-fixed {
  bottom: -1px;
  padding-bottom: 1px;
}
.teetime-webservice .ui-footer-fixed.ui-fixed-hidden {
  bottom: 0;
  padding-bottom: 0;
}
.teetime-webservice .ui-header-fullscreen,
.teetime-webservice .ui-footer-fullscreen {
  filter: Alpha(Opacity=90);
  opacity: 0.9;
}
.teetime-webservice .ui-page-header-fixed {
  padding-top: 2.8125em;
}
.teetime-webservice .ui-page-footer-fixed {
  padding-bottom: 2.8125em;
}
.teetime-webservice .ui-page-header-fullscreen > .ui-content,
.teetime-webservice .ui-page-footer-fullscreen > .ui-content {
  padding: 0;
}
.teetime-webservice .ui-fixed-hidden {
  position: absolute;
}
.teetime-webservice .ui-footer-fixed.ui-fixed-hidden {
  display: none;
}
.teetime-webservice .ui-page .ui-footer-fixed.ui-fixed-hidden {
  display: block;
}
.teetime-webservice .ui-page-header-fullscreen .ui-fixed-hidden,
.teetime-webservice .ui-page-footer-fullscreen .ui-fixed-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-header-fixed .ui-btn,
.teetime-webservice .ui-footer-fixed .ui-btn {
  z-index: 10;
}
.teetime-webservice .ui-android-2x-fixed .ui-li-has-thumb {
  -webkit-transform: translate3d(0, 0, 0);
}
.teetime-webservice .ui-navbar {
  max-width: 100%;
}
.teetime-webservice .ui-navbar ul:before,
.teetime-webservice .ui-navbar ul:after {
  content: "";
  display: table;
}
.teetime-webservice .ui-navbar ul:after {
  clear: both;
}
.teetime-webservice .ui-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  border: 0;
  max-width: 100%;
  overflow: visible;
}
.teetime-webservice .ui-navbar li .ui-btn {
  border-right-width: 0;
  display: block;
  font-size: 11px;
  margin: 0;
  padding: 13px 0 10px;
  text-transform: uppercase;
}
.teetime-webservice .ui-header .ui-navbar li button.ui-btn,
.teetime-webservice .ui-footer .ui-navbar li button.ui-btn {
  margin: 0;
  width: 100%;
}
.teetime-webservice .ui-navbar .ui-btn:focus {
  z-index: 1;
}
.teetime-webservice .ui-navbar li:last-child .ui-btn {
  margin-right: -4px;
}
.teetime-webservice .ui-navbar li:last-child .ui-btn:after {
  margin-right: 4px;
}
.teetime-webservice .ui-content .ui-navbar li:last-child .ui-btn,
.teetime-webservice .ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn {
  border-right-width: 1px;
  margin-right: 0;
}
.teetime-webservice .ui-content .ui-navbar li:last-child .ui-btn:after,
.teetime-webservice .ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after {
  margin-right: 0;
}
.teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn {
  border-right-width: 1px;
  margin-right: -1px;
}
.teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after {
  margin-right: 1px;
}
.teetime-webservice .ui-navbar .ui-grid-duo .ui-btn {
  border-top-width: 0;
}
.teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  border-top-width: 1px;
}
.teetime-webservice .ui-header .ui-navbar .ui-btn,
.teetime-webservice .ui-footer .ui-navbar .ui-btn {
  border-top-width: 0;
  border-bottom-width: 0;
}
.teetime-webservice .ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.teetime-webservice .ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.teetime-webservice .ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.teetime-webservice .ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  border-top-width: 0;
}
.teetime-webservice .ui-header .ui-title ~ .ui-navbar .ui-btn,
.teetime-webservice .ui-footer .ui-title ~ .ui-navbar .ui-btn,
.teetime-webservice .ui-header .ui-navbar .ui-grid-duo .ui-btn,
.teetime-webservice .ui-footer .ui-navbar .ui-grid-duo .ui-btn,
.teetime-webservice .ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.teetime-webservice .ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.teetime-webservice .ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.teetime-webservice .ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  border-top-width: 1px;
}
.teetime-webservice .ui-input-btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background: #fff;
  background: rgba(255, 255, 255, 0);
  filter: Alpha(Opacity=0);
  opacity: 0.1;
  font-size: 1px;
  text-indent: -9999px;
  z-index: 2;
}
.teetime-webservice .ui-input-btn.ui-state-disabled input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-collapsible {
  margin: 0 -1em;
}
.teetime-webservice .ui-collapsible-inset,
.teetime-webservice .ui-collapsible-set {
  margin: 0.5em 0;
}
.teetime-webservice .ui-collapsible-heading {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.teetime-webservice .ui-collapsible-heading .ui-btn {
  text-align: left;
  margin: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.teetime-webservice .ui-collapsible-heading .ui-btn-icon-top,
.teetime-webservice .ui-collapsible-heading .ui-btn-icon-bottom {
  text-align: center;
}
.teetime-webservice .ui-collapsible-inset .ui-collapsible-heading .ui-btn {
  border-right-width: 1px;
  border-left-width: 1px;
}
.teetime-webservice .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) > .ui-collapsible-heading .ui-btn {
  border-top-width: 0;
}
.teetime-webservice .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
  border-top-width: 1px;
}
.teetime-webservice .ui-collapsible-heading-status {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-collapsible-content {
  display: block;
  margin: 0;
  padding: 0.5em 1em;
}
.teetime-webservice .ui-collapsible-themed-content .ui-collapsible-content {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
  border-left-width: 1px;
  border-right-width: 1px;
}
.teetime-webservice .ui-collapsible-inset .ui-collapsible-content {
  margin: 0;
}
.teetime-webservice .ui-collapsible-content-collapsed {
  display: none;
}
.teetime-webservice .ui-collapsible-set > .ui-collapsible.ui-corner-all-teetime {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.teetime-webservice .ui-collapsible-heading,
.teetime-webservice .ui-collapsible-heading > .ui-btn {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.teetime-webservice .ui-collapsible-set .ui-collapsible.ui-first-child {
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
}
.teetime-webservice .ui-collapsible-content,
.teetime-webservice .ui-collapsible-set .ui-collapsible.ui-last-child {
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.teetime-webservice .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.teetime-webservice .ui-collapsible-set .ui-collapsible {
  margin: -1px -1em 0;
}
.teetime-webservice .ui-collapsible-set .ui-collapsible-inset {
  margin: -1px 0 0;
}
.teetime-webservice .ui-collapsible-set .ui-collapsible.ui-first-child {
  margin-top: 0;
}
.teetime-webservice .ui-controlgroup,
.teetime-webservice fieldset.ui-controlgroup {
  padding: 0;
  margin: 0.5em 0;
}
.teetime-webservice .ui-field-contain .ui-controlgroup,
.teetime-webservice .ui-field-contain fieldset.ui-controlgroup {
  margin: 0;
}
.teetime-webservice .ui-mini .ui-controlgroup-label {
  font-size: 16px;
}
.teetime-webservice .ui-controlgroup.ui-mini .ui-btn-icon-notext,
.teetime-webservice .ui-controlgroup .ui-mini.ui-btn-icon-notext {
  font-size: inherit;
}
.teetime-webservice .ui-controlgroup-controls .ui-btn,
.teetime-webservice .ui-controlgroup-controls .ui-checkbox,
.teetime-webservice .ui-controlgroup-controls .ui-radio,
.teetime-webservice .ui-controlgroup-controls .ui-select {
  margin: 0;
}
.teetime-webservice .ui-controlgroup-controls .ui-btn:focus,
.teetime-webservice .ui-controlgroup-controls .ui-btn.ui-focus {
  z-index: 1;
}
.teetime-webservice .ui-controlgroup-controls li {
  list-style: none;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls {
  display: inline-block;
  vertical-align: middle;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  content: "";
  display: table;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  clear: both;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox,
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio,
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
  float: left;
  clear: none;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
.teetime-webservice .ui-controlgroup-controls .ui-btn-icon-notext {
  width: auto;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext,
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext {
  width: 1.5em;
}
.teetime-webservice .ui-controlgroup-controls .ui-btn-icon-notext {
  height: auto;
  padding: 0.7em 1em;
}
.teetime-webservice .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
  border-bottom-width: 0;
}
.teetime-webservice .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
  border-bottom-width: 1px;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
  border-right-width: 0;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
  border-right-width: 1px;
}
.teetime-webservice .ui-controlgroup-controls .ui-btn-corner-all,
.teetime-webservice .ui-controlgroup-controls .ui-btn.ui-corner-all-teetime {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.teetime-webservice .ui-controlgroup-controls,
.teetime-webservice .ui-controlgroup-controls .ui-radio,
.teetime-webservice .ui-controlgroup-controls .ui-checkbox,
.teetime-webservice .ui-controlgroup-controls .ui-select,
.teetime-webservice .ui-controlgroup-controls li {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.teetime-webservice .ui-controlgroup-vertical .ui-btn.ui-first-child {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.teetime-webservice .ui-controlgroup-vertical .ui-btn.ui-last-child {
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-btn.ui-first-child {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-btn.ui-last-child {
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.teetime-webservice .ui-controlgroup-controls a.ui-shadow:not(:focus),
.teetime-webservice .ui-controlgroup-controls button.ui-shadow:not(:focus),
.teetime-webservice .ui-controlgroup-controls div.ui-shadow:not(.ui-focus) {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.teetime-webservice .ui-controlgroup-label legend {
  max-width: 100%;
}
.teetime-webservice .ui-controlgroup-controls > label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-dialog {
  background: none;
  /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
}
.teetime-webservice .ui-dialog-contain {
  width: 92.5%;
  max-width: 500px;
  margin: 10% auto 1em auto;
  padding: 0;
  position: relative;
  top: -1em;
}
.teetime-webservice .ui-dialog-contain > .ui-header,
.teetime-webservice .ui-dialog-contain > .ui-content,
.teetime-webservice .ui-dialog-contain > .ui-footer {
  display: block;
  position: relative;
  width: auto;
  margin: 0;
}
.teetime-webservice .ui-dialog-contain > .ui-header {
  overflow: hidden;
  z-index: 10;
  padding: 0;
  border-top-width: 0;
}
.teetime-webservice .ui-dialog-contain > .ui-footer {
  z-index: 10;
  padding: 0 1em;
  border-bottom-width: 0;
}
.teetime-webservice .ui-popup-open .ui-header-fixed,
.teetime-webservice .ui-popup-open .ui-footer-fixed {
  position: absolute !important;
  /* See issues #4816, #4844 and #4874 and popup.js */
}
.teetime-webservice .ui-popup-screen {
  background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
  /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  position: absolute;
  filter: Alpha(Opacity=0);
  opacity: 0;
  z-index: 1099;
}
.teetime-webservice .ui-popup-screen.in {
  opacity: 0.5;
  filter: Alpha(Opacity=50);
}
.teetime-webservice .ui-popup-screen.out {
  opacity: 0;
  filter: Alpha(Opacity=0);
}
.teetime-webservice .ui-popup-container {
  z-index: 1100;
  display: inline-block;
  position: absolute;
  padding: 0;
  outline: 0;
}
.teetime-webservice .ui-popup {
  position: relative;
}
.teetime-webservice .ui-popup.ui-body-inherit {
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-popup-hidden {
  left: 0;
  top: 0;
  position: absolute !important;
  visibility: hidden;
}
.teetime-webservice .ui-popup-truncate {
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-popup.ui-content,
.teetime-webservice .ui-popup .ui-content {
  overflow: visible;
}
.teetime-webservice .ui-popup > .ui-header {
  border-top-width: 0;
}
.teetime-webservice .ui-popup > .ui-footer {
  border-bottom-width: 0;
}
.teetime-webservice .ui-popup > p,
.teetime-webservice .ui-popup > h1,
.teetime-webservice .ui-popup > h2,
.teetime-webservice .ui-popup > h3,
.teetime-webservice .ui-popup > h4,
.teetime-webservice .ui-popup > h5,
.teetime-webservice .ui-popup > h6 {
  margin: 0.5em 0.4375em;
}
.teetime-webservice .ui-popup > span {
  display: block;
  margin: 0.5em 0.4375em;
}
.teetime-webservice .ui-popup-container .ui-content > p,
.teetime-webservice .ui-popup-container .ui-content > h1,
.teetime-webservice .ui-popup-container .ui-content > h2,
.teetime-webservice .ui-popup-container .ui-content > h3,
.teetime-webservice .ui-popup-container .ui-content > h4,
.teetime-webservice .ui-popup-container .ui-content > h5,
.teetime-webservice .ui-popup-container .ui-content > h6 {
  margin: 0.5em 0;
}
.teetime-webservice .ui-popup-container .ui-content > span {
  margin: 0;
}
.teetime-webservice .ui-popup-container .ui-content > p:first-child,
.teetime-webservice .ui-popup-container .ui-content > h1:first-child,
.teetime-webservice .ui-popup-container .ui-content > h2:first-child,
.teetime-webservice .ui-popup-container .ui-content > h3:first-child,
.teetime-webservice .ui-popup-container .ui-content > h4:first-child,
.teetime-webservice .ui-popup-container .ui-content > h5:first-child,
.teetime-webservice .ui-popup-container .ui-content > h6:first-child {
  margin-top: 0;
}
.teetime-webservice .ui-popup-container .ui-content > p:last-child,
.teetime-webservice .ui-popup-container .ui-content > h1:last-child,
.teetime-webservice .ui-popup-container .ui-content > h2:last-child,
.teetime-webservice .ui-popup-container .ui-content > h3:last-child,
.teetime-webservice .ui-popup-container .ui-content > h4:last-child,
.teetime-webservice .ui-popup-container .ui-content > h5:last-child,
.teetime-webservice .ui-popup-container .ui-content > h6:last-child {
  margin-bottom: 0;
}
.teetime-webservice .ui-popup > img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.teetime-webservice .ui-popup:not(.ui-content) > img:only-child,
.teetime-webservice .ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.teetime-webservice .ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.teetime-webservice .ui-popup iframe {
  vertical-align: middle;
}
.teetime-webservice .ui-popup > .ui-btn-left,
.teetime-webservice .ui-popup > .ui-btn-right {
  position: absolute;
  top: -11px;
  margin: 0;
  z-index: 1101;
}
.teetime-webservice .ui-popup > .ui-btn-left {
  left: -11px;
}
.teetime-webservice .ui-popup > .ui-btn-right {
  right: -11px;
}
.teetime-webservice .ui-popup-arrow-container {
  width: 20px;
  height: 20px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-l {
  left: -10px;
  clip: rect(-1000px, 10px, 2000px, -1000px);
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-t {
  top: -10px;
  clip: rect(-1000px, 2000px, 10px, -1000px);
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-r {
  right: -10px;
  clip: rect(-1000px, 2000px, 2000px, 10px);
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-b {
  bottom: -10px;
  clip: rect(10px, 2000px, 1000px, -1000px);
}
.teetime-webservice .ui-popup-arrow-container .ui-popup-arrow {
  /* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
  width: 28.284271247px;
  height: 28.284271247px;
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
  left: -4.142135623px;
  top: 5.857864376px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
  left: -4.142135623px;
  top: -14.142135623px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
  left: 5.857864376px;
  top: -4.142135623px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
  left: -14.142135623px;
  top: -4.142135623px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
  margin-left: -5.8578643763px;
  margin-top: -7.0710678119px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
  margin-left: -5.8578643763px;
  margin-top: -4.1421356237px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
  margin-left: -7.0710678119px;
  margin-top: -5.8578643763px;
}
.teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
  margin-left: -4.1421356237px;
  margin-top: -5.8578643763px;
}
.teetime-webservice .ui-popup > .ui-popup-arrow-guide {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
}
.teetime-webservice .ui-popup-arrow-container {
  position: absolute;
}
.teetime-webservice .ui-popup-arrow {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}
.teetime-webservice .ui-popup-arrow-container.ie .ui-popup-arrow {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix( 	      	M11=0.7071067811865474, 	M12=-0.7071067811865477, 	M21=0.7071067811865477, 	M22=0.7071067811865474, 	SizingMethod="auto expand");
}
.teetime-webservice .ui-checkbox,
.teetime-webservice .ui-radio {
  margin: 0.5em 0;
  position: relative;
}
.teetime-webservice .ui-checkbox .ui-btn,
.teetime-webservice .ui-radio .ui-btn {
  margin: 0;
  text-align: left;
  white-space: normal;
  /* Nowrap + ellipsis doesn't work on label. Issue #1419. */
  z-index: 2;
}
.teetime-webservice .ui-controlgroup .ui-checkbox .ui-btn.ui-focus,
.teetime-webservice .ui-controlgroup .ui-radio .ui-btn.ui-focus {
  z-index: 3;
}
.teetime-webservice .ui-checkbox .ui-btn-icon-top,
.teetime-webservice .ui-radio .ui-btn-icon-top,
.teetime-webservice .ui-checkbox .ui-btn-icon-bottom,
.teetime-webservice .ui-radio .ui-btn-icon-bottom {
  text-align: center;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,
.teetime-webservice .ui-controlgroup-horizontal .ui-radio .ui-btn:after {
  content: none;
  display: none;
}
.teetime-webservice .ui-checkbox input,
.teetime-webservice .ui-radio input {
  position: absolute;
  left: 0.466em;
  top: 50%;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 0;
  outline: 0 !important;
  z-index: 1;
}
.teetime-webservice .ui-controlgroup-horizontal .ui-checkbox input,
.teetime-webservice .ui-controlgroup-horizontal .ui-radio input {
  left: 50%;
  margin-left: -9px;
}
.teetime-webservice .ui-checkbox input:disabled,
.teetime-webservice .ui-radio input:disabled {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-select {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  /* no shorthand for margin because it would override margin-right for inline selects */
  position: relative;
}
.teetime-webservice .ui-select > select {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-select .ui-btn {
  margin: 0;
  opacity: 1;
  /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
}
.teetime-webservice .ui-select .ui-btn select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 1.5em;
  min-height: 100%;
  height: 3em;
  max-height: 100%;
  outline: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  filter: Alpha(Opacity=0);
  opacity: 0;
  z-index: 2;
}
@-moz-document url-prefix() {
  .teetime-webservice .ui-select .ui-btn select {
    opacity: 0.0001;
  }
}
.teetime-webservice .ui-select .ui-state-disabled select {
  display: none;
}
.teetime-webservice .ui-select span.ui-state-disabled {
  filter: Alpha(Opacity=100);
  opacity: 1;
}
.teetime-webservice .ui-select .ui-btn.ui-select-nativeonly {
  border-radius: 0;
  border: 0;
}
.teetime-webservice .ui-select .ui-btn.ui-select-nativeonly select {
  opacity: 1;
  text-indent: 0;
  display: block;
}
.teetime-webservice .ui-select .ui-li-has-count.ui-btn {
  padding-right: 2.8125em;
}
.teetime-webservice .ui-select .ui-li-has-count.ui-btn-icon-right {
  padding-right: 4.6875em;
}
.teetime-webservice .ui-select .ui-btn-icon-right .ui-li-count {
  right: 3.2em;
}
.teetime-webservice .ui-select .ui-btn > span:not(.ui-li-count) {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden !important;
  white-space: nowrap;
}
.teetime-webservice .ui-selectmenu.ui-popup {
  min-width: 11em;
}
.teetime-webservice .ui-selectmenu .ui-dialog-contain {
  overflow: hidden;
}
.teetime-webservice .ui-selectmenu .ui-header {
  margin: 0;
  padding: 0;
  border-width: 0;
}
.teetime-webservice .ui-selectmenu.ui-dialog .ui-header {
  z-index: 1;
  position: relative;
}
.teetime-webservice .ui-selectmenu.ui-popup .ui-header {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.teetime-webservice .ui-selectmenu.ui-popup .ui-header h1:after {
  content: ".";
  visibility: hidden;
}
.teetime-webservice .ui-selectmenu .ui-header .ui-title {
  margin: 0 2.875em;
}
.teetime-webservice .ui-selectmenu.ui-dialog .ui-content {
  overflow: visible;
  z-index: 1;
}
.teetime-webservice .ui-selectmenu .ui-selectmenu-list {
  margin: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.teetime-webservice .ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
.teetime-webservice .ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn {
  border-top-width: 0;
}
.teetime-webservice .ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn {
  border-bottom-width: 0;
}
.teetime-webservice .ui-selectmenu .ui-btn.ui-li-divider {
  cursor: default;
}
.teetime-webservice .ui-selectmenu .ui-selectmenu-placeholder {
  display: none;
}
.teetime-webservice .ui-listview,
.teetime-webservice .ui-listview > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.teetime-webservice .ui-content .ui-listview,
.teetime-webservice .ui-panel-inner > .ui-listview {
  margin: -1em;
}
.teetime-webservice .ui-content .ui-listview-inset,
.teetime-webservice .ui-panel-inner > .ui-listview-inset {
  margin: 1em 0;
}
.teetime-webservice .ui-collapsible-content > .ui-listview {
  margin: -0.5em -1em;
}
.teetime-webservice .ui-collapsible-content > .ui-listview-inset {
  margin: 0.5em 0;
}
.teetime-webservice .ui-listview > li {
  display: block;
  position: relative;
  overflow: visible;
}
.teetime-webservice .ui-listview > .ui-li-static,
.teetime-webservice .ui-listview > .ui-li-divider,
.teetime-webservice .ui-listview > li > a.ui-btn {
  margin: 0;
  display: block;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.teetime-webservice .ui-listview > li > .ui-btn:focus {
  z-index: 1;
}
.teetime-webservice .ui-listview > .ui-li-static,
.teetime-webservice .ui-listview > .ui-li-divider,
.teetime-webservice .ui-listview > li > a.ui-btn {
  border-width: 1px 0 0 0;
  border-style: solid;
}
.teetime-webservice .ui-listview-inset > .ui-li-static,
.teetime-webservice .ui-listview-inset > .ui-li-divider,
.teetime-webservice .ui-listview-inset > li > a.ui-btn {
  border-right-width: 1px;
  border-left-width: 1px;
}
.teetime-webservice .ui-listview > .ui-li-static.ui-last-child,
.teetime-webservice .ui-listview > .ui-li-divider.ui-last-child,
.teetime-webservice .ui-listview > li.ui-last-child > a.ui-btn {
  border-bottom-width: 1px;
}
.teetime-webservice .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.teetime-webservice .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
  border-top-width: 0;
}
.teetime-webservice .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child,
.teetime-webservice .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn {
  border-bottom-width: 0;
}
.teetime-webservice .ui-listview > li.ui-first-child,
.teetime-webservice .ui-listview > li.ui-first-child > a.ui-btn {
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
}
.teetime-webservice .ui-listview > li.ui-last-child,
.teetime-webservice .ui-listview > li.ui-last-child > a.ui-btn {
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.teetime-webservice .ui-listview > li.ui-li-has-alt > a.ui-btn {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.teetime-webservice .ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.teetime-webservice .ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.teetime-webservice .ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
}
.teetime-webservice .ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) {
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.teetime-webservice .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.teetime-webservice .ui-listview > .ui-li-static {
  padding: 0.7em 1em;
}
.teetime-webservice .ui-listview > .ui-li-divider {
  padding: 0.5em 1.143em;
  font-size: 14px;
  font-weight: bold;
  cursor: default;
  outline: 0;
  /* Dividers in custom selectmenus have tabindex */
}
.teetime-webservice .ui-listview > .ui-li-has-count > .ui-btn,
.teetime-webservice .ui-listview > .ui-li-static.ui-li-has-count,
.teetime-webservice .ui-listview > .ui-li-divider.ui-li-has-count {
  padding-right: 2.8125em;
}
.teetime-webservice .ui-listview > .ui-li-has-count > .ui-btn-icon-right {
  padding-right: 4.6875em;
}
.teetime-webservice .ui-listview > .ui-li-has-thumb > .ui-btn,
.teetime-webservice .ui-listview > .ui-li-static.ui-li-has-thumb {
  min-height: 3.625em;
  padding-left: 6.25em;
}
.teetime-webservice .ui-listview > .ui-li-has-icon > .ui-btn,
.teetime-webservice .ui-listview > .ui-li-static.ui-li-has-icon {
  min-height: 1.25em;
  padding-left: 2.5em;
}
.teetime-webservice .ui-li-count {
  position: absolute;
  font-size: 12.5px;
  font-weight: bold;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  padding: 0 0.48em;
  line-height: 1.6em;
  min-height: 1.6em;
  min-width: 0.64em;
  right: 0.8em;
  top: 50%;
  margin-top: -0.88em;
}
.teetime-webservice .ui-listview .ui-btn-icon-right .ui-li-count {
  right: 3.2em;
}
.teetime-webservice .ui-listview .ui-li-has-thumb > img:first-child,
.teetime-webservice .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
.teetime-webservice .ui-listview .ui-li-has-thumb .ui-li-thumb {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 5em;
  max-width: 5em;
}
.teetime-webservice .ui-listview > .ui-li-has-icon > img:first-child,
.teetime-webservice .ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
  position: absolute;
  left: 0.625em;
  top: 0.9em;
  max-height: 1em;
  max-width: 1em;
}
.teetime-webservice .ui-listview > li h1,
.teetime-webservice .ui-listview > li h2,
.teetime-webservice .ui-listview > li h3,
.teetime-webservice .ui-listview > li h4,
.teetime-webservice .ui-listview > li h5,
.teetime-webservice .ui-listview > li h6 {
  font-size: 1em;
  font-weight: bold;
  display: block;
  margin: 0.45em 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.teetime-webservice .ui-listview > li p {
  font-size: 0.75em;
  font-weight: normal;
  display: block;
  margin: 0.6em 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.teetime-webservice .ui-listview .ui-li-aside {
  position: absolute;
  top: 1em;
  right: 3.333em;
  margin: 0;
  text-align: right;
}
.teetime-webservice .ui-listview > li.ui-li-has-alt > .ui-btn {
  margin-right: 2.5em;
  border-right-width: 0;
}
.teetime-webservice .ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn {
  position: absolute;
  width: 2.5em;
  height: 100%;
  min-height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left-width: 1px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.teetime-webservice .ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn {
  border-right-width: 1px;
}
.teetime-webservice .ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus {
  z-index: 3;
}
.teetime-webservice ol.ui-listview,
.teetime-webservice ol.ui-listview > .ui-li-divider {
  counter-reset: listnumbering;
}
.teetime-webservice ol.ui-listview > li > .ui-btn,
.teetime-webservice ol.ui-listview > li.ui-li-static {
  vertical-align: middle;
}
.teetime-webservice ol.ui-listview > li > .ui-btn:first-child:before,
.teetime-webservice ol.ui-listview > li.ui-li-static:before,
.teetime-webservice ol.ui-listview > li.ui-field-contain > label:before,
.teetime-webservice ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before {
  display: inline-block;
  font-size: 0.9em;
  font-weight: normal;
  padding-right: 0.3em;
  min-width: 1.4em;
  line-height: 1.5;
  vertical-align: middle;
  counter-increment: listnumbering;
  content: counter(listnumbering) ".";
}
.teetime-webservice ol.ui-listview > li.ui-field-contain:before {
  content: none;
  display: none;
}
.teetime-webservice ol.ui-listview > li h1:first-child,
.teetime-webservice ol.ui-listview > li h2:first-child,
.teetime-webservice ol.ui-listview > li h3:first-child,
.teetime-webservice ol.ui-listview > li h4:first-child,
.teetime-webservice ol.ui-listview > li h5:first-child,
.teetime-webservice ol.ui-listview > li h6:first-child,
.teetime-webservice ol.ui-listview > li p:first-child,
.teetime-webservice ol.ui-listview > li img:first-child + * {
  display: inline-block;
  vertical-align: middle;
}
.teetime-webservice ol.ui-listview > li h1:first-child ~ *,
.teetime-webservice ol.ui-listview > li h2:first-child ~ *,
.teetime-webservice ol.ui-listview > li h3:first-child ~ *,
.teetime-webservice ol.ui-listview > li h4:first-child ~ *,
.teetime-webservice ol.ui-listview > li h5:first-child ~ *,
.teetime-webservice ol.ui-listview > li h6:first-child ~ *,
.teetime-webservice ol.ui-listview > li p:first-child ~ *,
.teetime-webservice ol.ui-listview > li img:first-child + * ~ * {
  margin-top: 0;
  text-indent: 2.04em;
  /* (1.4em + .3em) * .9em / .75em */
}
.teetime-webservice html .ui-filterable + .ui-listview,
.teetime-webservice html .ui-filterable.ui-listview {
  margin-top: 0.5em;
}
.teetime-webservice .ui-collapsible-content > form.ui-filterable {
  margin-top: -0.5em;
}
.teetime-webservice .ui-collapsible-content > .ui-input-search.ui-filterable {
  margin-top: 0;
}
.teetime-webservice .ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.teetime-webservice .ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn,
.teetime-webservice .ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.teetime-webservice .ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
  border-top-width: 1px;
}
.teetime-webservice div.ui-slider {
  height: 30px;
  margin: 0.5em 0;
  padding: 0;
  -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
}
.teetime-webservice div.ui-slider:before,
.teetime-webservice div.ui-slider:after {
  content: "";
  display: table;
}
.teetime-webservice div.ui-slider:after {
  clear: both;
}
.teetime-webservice input.ui-slider-input {
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 4px;
  width: 40px;
  height: 20px;
  line-height: 20px;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  text-align: center;
  vertical-align: text-bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.teetime-webservice .ui-slider-input::-webkit-outer-spin-button,
.teetime-webservice .ui-slider-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.teetime-webservice .ui-slider-track {
  position: relative;
  overflow: visible;
  border-width: 1px;
  border-style: solid;
  height: 15px;
  margin: 0 15px 0 68px;
  top: 6px;
}
.teetime-webservice .ui-slider-track.ui-mini {
  height: 12px;
  top: 8px;
}
.teetime-webservice .ui-slider-track .ui-slider-bg {
  height: 100%;
}
.teetime-webservice .ui-slider-track .ui-btn.ui-slider-handle {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -15px 0 0 -15px;
  outline: 0;
  padding: 0;
}
.teetime-webservice .ui-slider-track.ui-mini .ui-slider-handle {
  height: 14px;
  width: 14px;
  margin: -8px 0 0 -8px;
}
.teetime-webservice select.ui-slider-switch {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice div.ui-slider-switch {
  display: inline-block;
  height: 32px;
  width: 5.8em;
  top: 0;
}
.teetime-webservice div.ui-slider-switch:before,
.teetime-webservice div.ui-slider-switch:after {
  display: none;
  clear: none;
}
.teetime-webservice div.ui-slider-switch.ui-mini {
  height: 29px;
  top: 0;
}
.teetime-webservice .ui-slider-inneroffset {
  margin: 0 16px;
  position: relative;
  z-index: 1;
}
.teetime-webservice .ui-slider-switch.ui-mini .ui-slider-inneroffset {
  margin: 0 15px 0 14px;
}
.teetime-webservice .ui-slider-switch .ui-btn.ui-slider-handle {
  margin: 1px 0 0 -15px;
}
.teetime-webservice .ui-slider-switch.ui-mini .ui-slider-handle {
  width: 25px;
  height: 25px;
  margin: 1px 0 0 -13px;
  padding: 0;
}
.teetime-webservice .ui-slider-handle-snapping {
  -webkit-transition: left 70ms linear;
  -moz-transition: left 70ms linear;
  transition: left 70ms linear;
}
.teetime-webservice .ui-slider-switch .ui-slider-label {
  position: absolute;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size: 16px;
  top: 0;
  line-height: 2;
  min-height: 100%;
  white-space: nowrap;
  cursor: pointer;
}
.teetime-webservice .ui-slider-switch.ui-mini .ui-slider-label {
  font-size: 14px;
}
.teetime-webservice .ui-slider-switch .ui-slider-label-a {
  z-index: 1;
  left: 0;
  text-indent: -1.5em;
}
.teetime-webservice .ui-slider-switch .ui-slider-label-b {
  z-index: 0;
  right: 0;
  text-indent: 1.5em;
}
.teetime-webservice .ui-slider-track .ui-slider-bg,
.teetime-webservice .ui-slider-switch .ui-slider-label,
.teetime-webservice .ui-slider-switch .ui-slider-inneroffset,
.teetime-webservice .ui-slider-handle {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.teetime-webservice .ui-field-contain div.ui-slider-switch {
  margin: 0;
}
.teetime-webservice .ui-field-contain div.ui-slider-switch,
.teetime-webservice .ui-field-contain.ui-hide-label div.ui-slider-switch,
.teetime-webservice html .ui-popup .ui-field-contain div.ui-slider-switch {
  display: inline-block;
  width: 5.8em;
}
.teetime-webservice .ui-slider-popup {
  width: 64px;
  height: 64px;
  font-size: 36px;
  padding-top: 14px;
  opacity: 0.8;
}
.teetime-webservice .ui-slider-popup {
  position: absolute !important;
  text-align: center;
  z-index: 100;
}
.teetime-webservice .ui-slider-track .ui-btn.ui-slider-handle {
  font-size: 0.9em;
  line-height: 30px;
}
.teetime-webservice .ui-rangeslider {
  margin: 0.5em 0;
}
.teetime-webservice .ui-rangeslider:before,
.teetime-webservice .ui-rangeslider:after {
  content: "";
  display: table;
}
.teetime-webservice .ui-rangeslider:after {
  clear: both;
}
.teetime-webservice .ui-rangeslider .ui-slider-input.ui-rangeslider-last {
  float: right;
}
.teetime-webservice .ui-rangeslider .ui-rangeslider-sliders {
  position: relative;
  overflow: visible;
  height: 30px;
  margin: 0 68px;
}
.teetime-webservice .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
  position: absolute;
  top: 6px;
  right: 0;
  left: 0;
  margin: 0;
}
.teetime-webservice .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
  top: 8px;
}
.teetime-webservice .ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
  display: none;
}
.teetime-webservice .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  background-color: transparent;
  background: none;
  border-width: 0;
  height: 0;
}
.teetime-webservice html > body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  height: 15px;
  border-width: 1px;
}
.teetime-webservice html > body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
  height: 12px;
}
.teetime-webservice div.ui-rangeslider label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-field-contain .ui-rangeslider input.ui-slider-input,
.teetime-webservice .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
.teetime-webservice .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
.teetime-webservice .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
  margin-top: 0;
  margin-bottom: 0;
}
.teetime-webservice .ui-input-text,
.teetime-webservice .ui-input-search {
  margin: 0.5em 0;
  border-width: 1px;
  border-style: solid;
}
.teetime-webservice .ui-mini {
  margin: 0.446em;
}
.teetime-webservice .ui-input-text input,
.teetime-webservice .ui-input-search input,
.teetime-webservice textarea.ui-input-text {
  padding: 0.4em;
  line-height: 1.4em;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
.teetime-webservice .ui-input-text input,
.teetime-webservice .ui-input-search input {
  margin: 0;
  min-height: 2.2em;
  text-align: left;
  /* Opera aligns type="date" right by default */
  border: 0;
  background: transparent none;
  -webkit-appearance: none;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.teetime-webservice textarea.ui-input-text {
  overflow: auto;
  resize: vertical;
}
.teetime-webservice .ui-mini .ui-input-text input,
.teetime-webservice .ui-mini .ui-input-search input,
.teetime-webservice .ui-input-text.ui-mini input,
.teetime-webservice .ui-input-search.ui-mini input,
.teetime-webservice .ui-mini textarea.ui-input-text,
.teetime-webservice textarea.ui-mini {
  font-size: 14px;
}
.teetime-webservice .ui-mini textarea.ui-input-text,
.teetime-webservice textarea.ui-mini {
  margin: 0.446em 0;
}
.teetime-webservice .ui-input-has-clear,
.teetime-webservice .ui-input-search {
  position: relative;
}
.teetime-webservice .ui-input-has-clear {
  padding-right: 2.375em;
}
.teetime-webservice .ui-mini.ui-input-has-clear {
  padding-right: 2.923em;
}
.teetime-webservice .ui-input-has-clear input {
  padding-right: 0;
  /* Autofill on Chrome has bg color so we unset corners right as well. */
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.teetime-webservice .ui-input-search input {
  padding-left: 1.75em;
}
.teetime-webservice .ui-input-search:after {
  position: absolute;
  left: 0.3125em;
  top: 50%;
  margin-top: -7px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
}
.teetime-webservice .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
.teetime-webservice .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -14px 0.3125em 0;
  border: 0;
  background-color: transparent;
}
.teetime-webservice .ui-input-search .ui-input-clear-hidden,
.teetime-webservice .ui-input-text .ui-input-clear-hidden {
  display: none;
}
.teetime-webservice .ui-input-text input::-moz-placeholder,
.teetime-webservice .ui-input-search input::-moz-placeholder,
.teetime-webservice textarea.ui-input-text::-moz-placeholder {
  color: #aaa;
}
.teetime-webservice .ui-input-text input:-ms-input-placeholder,
.teetime-webservice .ui-input-search input:-ms-input-placeholder,
.teetime-webservice textarea.ui-input-text:-ms-input-placeholder {
  color: #aaa;
}
.teetime-webservice .ui-input-text input[type=number]::-webkit-outer-spin-button {
  margin: 0;
}
.teetime-webservice .ui-input-text input::-ms-clear,
.teetime-webservice .ui-input-search input::-ms-clear {
  display: none;
}
.teetime-webservice .ui-input-text input:focus,
.teetime-webservice .ui-input-search input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.teetime-webservice textarea.ui-input-text.ui-textinput-autogrow {
  overflow: hidden;
}
.teetime-webservice .ui-textinput-autogrow-resize {
  -webkit-transition: height 0.25s;
  -o-transition: height 0.25s;
  -moz-transition: height 0.25s;
  transition: height 0.25s;
}
.teetime-webservice .ui-flipswitch {
  display: inline-block;
  vertical-align: middle;
  width: 5.875em;
  /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */
  height: 1.875em;
  border-width: 1px;
  border-style: solid;
  margin: 0.5em 0;
  overflow: hidden;
  -webkit-transition-property: padding, width, background-color, color, border-color;
  -moz-transition-property: padding, width, background-color, color, border-color;
  -o-transition-property: padding, width, background-color, color, border-color;
  transition-property: padding, width, background-color, color, border-color;
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.teetime-webservice .ui-flipswitch.ui-flipswitch-active {
  padding-left: 4em;
  /* Override this and width in previous rule if you use labels other than "on/off" and need more space */
  width: 1.875em;
}
.teetime-webservice .ui-flipswitch-input {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  outline: 0;
  filter: Alpha(Opacity=0);
  opacity: 0;
}
.teetime-webservice .ui-flipswitch .ui-btn.ui-flipswitch-on,
.teetime-webservice .ui-flipswitch .ui-flipswitch-off {
  float: left;
  height: 1.75em;
  margin: 0.0625em;
  line-height: 1.65em;
}
.teetime-webservice .ui-flipswitch .ui-btn.ui-flipswitch-on {
  width: 1.75em;
  padding: 0;
  text-indent: -2.6em;
  /* Override this to center text if you use a label other than "on" */
  text-align: left;
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: inherit;
  overflow: visible;
  color: inherit;
  text-shadow: inherit;
}
.teetime-webservice .ui-flipswitch .ui-flipswitch-off {
  padding: 1px;
  text-indent: 1em;
  /* Override this to center text if you use a label other than "off" */
}
.teetime-webservice html .ui-field-contain > label + .ui-flipswitch,
.teetime-webservice html .ui-popup .ui-field-contain > label + .ui-flipswitch {
  display: inline-block;
  width: 5.875em;
  /* If you override the width for .ui-flipswitch you should repeat the same value here */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.teetime-webservice .ui-field-contain .ui-flipswitch.ui-flipswitch-active,
.teetime-webservice .ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
  width: 1.875em;
}
.teetime-webservice .ui-table {
  border: 0;
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}
.teetime-webservice .ui-table th,
.teetime-webservice .ui-table td {
  line-height: 1.5em;
  text-align: left;
  padding: 0.4em 0.5em;
  vertical-align: top;
}
.teetime-webservice .ui-table th .ui-btn,
.teetime-webservice .ui-table td .ui-btn {
  line-height: normal;
}
.teetime-webservice .ui-table th {
  font-weight: bold;
}
.teetime-webservice .ui-table caption {
  text-align: left;
  margin-bottom: 1.4em;
  opacity: 0.5;
}
.teetime-webservice .ui-table-columntoggle-btn {
  float: right;
  margin-bottom: 0.8em;
}
.teetime-webservice .ui-table-columntoggle-popup fieldset {
  margin: 0;
}
.teetime-webservice .ui-table-columntoggle {
  clear: both;
}
@media only all {
  .teetime-webservice th.ui-table-priority-6,
.teetime-webservice td.ui-table-priority-6,
.teetime-webservice th.ui-table-priority-5,
.teetime-webservice td.ui-table-priority-5,
.teetime-webservice th.ui-table-priority-4,
.teetime-webservice td.ui-table-priority-4,
.teetime-webservice th.ui-table-priority-3,
.teetime-webservice td.ui-table-priority-3,
.teetime-webservice th.ui-table-priority-2,
.teetime-webservice td.ui-table-priority-2,
.teetime-webservice th.ui-table-priority-1,
.teetime-webservice td.ui-table-priority-1 {
    display: none;
  }
}
@media screen and (min-width: 20em) {
  .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
    display: table-cell;
  }
}
@media screen and (min-width: 30em) {
  .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
    display: table-cell;
  }
}
@media screen and (min-width: 40em) {
  .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
    display: table-cell;
  }
}
@media screen and (min-width: 50em) {
  .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
    display: table-cell;
  }
}
@media screen and (min-width: 60em) {
  .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
    display: table-cell;
  }
}
@media screen and (min-width: 70em) {
  .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
    display: table-cell;
  }
}
.teetime-webservice .ui-table-columntoggle th.ui-table-cell-hidden,
.teetime-webservice .ui-table-columntoggle td.ui-table-cell-hidden,
.teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
  display: none;
}
.teetime-webservice .ui-table-columntoggle th.ui-table-cell-visible,
.teetime-webservice .ui-table-columntoggle td.ui-table-cell-visible,
.teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
.teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
  display: table-cell;
}
.teetime-webservice .ui-table-reflow td .ui-table-cell-label,
.teetime-webservice .ui-table-reflow th .ui-table-cell-label {
  display: none;
}
@media only all {
  .teetime-webservice {
    /* Hide the table headers */
    /* Show the table cells as a block level element */
    /* Add a fair amount of top margin to visually separate each row when stacked */
    /* Make the label elements a percentage width */
    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  }
  .teetime-webservice .ui-table-reflow thead td,
.teetime-webservice .ui-table-reflow thead th {
    display: none;
  }
  .teetime-webservice .ui-table-reflow td,
.teetime-webservice .ui-table-reflow th {
    text-align: left;
    display: block;
  }
  .teetime-webservice .ui-table-reflow tbody th {
    margin-top: 3em;
  }
  .teetime-webservice .ui-table-reflow td .ui-table-cell-label,
.teetime-webservice .ui-table-reflow th .ui-table-cell-label {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
  }
  .teetime-webservice .ui-table-reflow th .ui-table-cell-label-top,
.teetime-webservice .ui-table-reflow td .ui-table-cell-label-top {
    display: block;
    padding: 0.4em 0;
    margin: 0.4em 0;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: normal;
  }
}
@media (min-width: 35em) {
  .teetime-webservice {
    /* Show the table header rows */
    /* Hide the labels in each cell */
  }
  .teetime-webservice .ui-table-reflow.ui-responsive td,
.teetime-webservice .ui-table-reflow.ui-responsive th,
.teetime-webservice .ui-table-reflow.ui-responsive tbody th,
.teetime-webservice .ui-table-reflow.ui-responsive tbody td,
.teetime-webservice .ui-table-reflow.ui-responsive thead td,
.teetime-webservice .ui-table-reflow.ui-responsive thead th {
    display: table-cell;
    margin: 0;
  }
  .teetime-webservice .ui-table-reflow.ui-responsive td .ui-table-cell-label,
.teetime-webservice .ui-table-reflow.ui-responsive th .ui-table-cell-label {
    display: none;
  }
}
@media (max-width: 35em) {
  .teetime-webservice .ui-table-reflow.ui-responsive td,
.teetime-webservice .ui-table-reflow.ui-responsive th {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
}
.teetime-webservice .ui-panel {
  width: 17em;
  min-height: 100%;
  max-height: none;
  border-width: 0;
  position: absolute;
  top: 0;
  display: block;
}
.teetime-webservice .ui-panel-closed {
  width: 0;
  max-height: 100%;
  overflow: hidden;
  visibility: hidden;
  left: 0;
  clip: rect(1px, 1px, 1px, 1px);
}
.teetime-webservice .ui-panel-fixed {
  position: fixed;
  bottom: -1px;
  /* Fixes gap on Chrome for Android */
  padding-bottom: 1px;
}
.teetime-webservice .ui-panel-display-reveal {
  z-index: 1;
}
.teetime-webservice .ui-panel-display-push {
  z-index: 999;
}
.teetime-webservice .ui-panel-display-overlay {
  z-index: 1001;
  /* Fixed toolbars have z-index 1000 */
}
.teetime-webservice .ui-panel-inner {
  padding: 1em;
}
.teetime-webservice .ui-panel-page-container {
  overflow-x: visible;
}
.teetime-webservice .ui-panel-page-container-themed .ui-page-active {
  background: none;
}
.teetime-webservice .ui-panel-wrapper {
  position: relative;
  min-height: inherit;
  border: 0;
  overflow-x: hidden;
  z-index: 99;
}
.teetime-webservice .ui-panel-fixed-toolbar {
  overflow-x: hidden;
}
.teetime-webservice .ui-panel-dismiss {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1002;
  display: none;
}
.teetime-webservice .ui-panel-dismiss-open {
  display: block;
}
.teetime-webservice .ui-panel-animate {
  -webkit-transition: -webkit-transform 300ms ease;
  -webkit-transition-duration: 300ms;
  -moz-transition: -moz-transform 300ms ease;
  transition: transform 300ms ease;
}
@media screen and (max-device-width: 768px) {
  .teetime-webservice {
    /* We need a transitionend event ... */
  }
  .teetime-webservice .ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,
.teetime-webservice .ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,
.teetime-webservice .ui-panel-animate.ui-panel-fixed-toolbar {
    -ms-transition: none;
  }
  .teetime-webservice .ui-panel-animate.ui-panel-fixed-toolbar {
    -ms-transition: -ms-transform 1ms;
    -ms-transform: rotate(0deg);
  }
}
.teetime-webservice .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.teetime-webservice .ui-panel-position-left {
  left: -17em;
}
.teetime-webservice .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.teetime-webservice .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  left: 0;
  -webkit-transform: translate3d(-17em, 0, 0);
  -moz-transform: translate3d(-17em, 0, 0);
  transform: translate3d(-17em, 0, 0);
}
.teetime-webservice .ui-panel-position-left.ui-panel-display-reveal,
.teetime-webservice .ui-panel-open.ui-panel-position-left {
  left: 0;
}
.teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
.teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: none;
}
.teetime-webservice .ui-panel-position-right {
  right: -17em;
}
.teetime-webservice .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.teetime-webservice .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  right: 0;
  -webkit-transform: translate3d(17em, 0, 0);
  -moz-transform: translate3d(17em, 0, 0);
  transform: translate3d(17em, 0, 0);
}
.teetime-webservice .ui-panel-position-right.ui-panel-display-reveal,
.teetime-webservice .ui-panel-position-right.ui-panel-open {
  right: 0;
}
.teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,
.teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: none;
}
.teetime-webservice .ui-panel-page-content-position-left {
  left: 17em;
  right: -17em;
}
.teetime-webservice .ui-panel-animate.ui-panel-page-content-position-left {
  left: 0;
  right: 0;
  -webkit-transform: translate3d(17em, 0, 0);
  -moz-transform: translate3d(17em, 0, 0);
  transform: translate3d(17em, 0, 0);
}
.teetime-webservice .ui-panel-page-content-position-right {
  left: -17em;
  right: 17em;
}
.teetime-webservice .ui-panel-animate.ui-panel-page-content-position-right {
  left: 0;
  right: 0;
  -webkit-transform: translate3d(-17em, 0, 0);
  -moz-transform: translate3d(-17em, 0, 0);
  transform: translate3d(-17em, 0, 0);
}
.teetime-webservice .ui-panel-dismiss-open.ui-panel-dismiss-position-left {
  left: 17em;
}
.teetime-webservice .ui-panel-dismiss-open.ui-panel-dismiss-position-right {
  right: 17em;
}
.teetime-webservice .ui-panel-display-reveal {
  -webkit-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
}
.teetime-webservice .ui-panel-position-right.ui-panel-display-reveal {
  -webkit-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
}
.teetime-webservice .ui-panel-display-overlay {
  -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
}
.teetime-webservice .ui-panel-position-right.ui-panel-display-overlay {
  -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
}
.teetime-webservice .ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  border-right-width: 1px;
  margin-right: -1px;
}
.teetime-webservice .ui-panel-page-content-position-left.ui-panel-page-content-display-push {
  margin-left: 1px;
  width: auto;
}
.teetime-webservice .ui-panel-open.ui-panel-position-right.ui-panel-display-push {
  border-left-width: 1px;
  margin-left: -1px;
}
.teetime-webservice .ui-panel-page-content-position-right.ui-panel-page-content-display-push {
  margin-right: 1px;
  width: auto;
}
@media (min-width: 55em) {
  .teetime-webservice .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
    margin-right: 17em;
  }
  .teetime-webservice .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
    margin-left: 17em;
  }
  .teetime-webservice .ui-responsive-panel .ui-panel-page-content-open {
    width: auto;
  }
  .teetime-webservice .ui-responsive-panel .ui-panel-dismiss-display-push,
.teetime-webservice .ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
    display: none;
  }
}
.teetime-webservice .ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

@font-face {
  .teetime-webservice {
    font-family: "hk-demo";
    src: url("../fonts/hk-demo.eot");
    src: url("../fonts/hk-demo.eot#iefix") format("embedded-opentype"), url("../fonts/hk-demo.woff") format("woff"), url("../fonts/hk-demo.ttf") format("truetype"), url("../fonts/hk-demo.svg#hk-demo") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
.teetime-webservice .header {
  background-image: url(../images/teesheet/header-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
.teetime-webservice .ui-btn-icon-left {
  padding-left: 0 !important;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 5px;
}
.teetime-webservice .icon-menu {
  position: absolute;
  right: 0;
  width: 40px;
  height: 33px;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}
.teetime-webservice .btn-course {
  color: #397293 !important;
  font-size: 12px;
  text-shadow: 0 1px 0 #ffffff !important;
  text-transform: uppercase !important;
  margin-right: 3px !important;
}
.teetime-webservice .heading-teesheet {
  font-size: 20px;
  color: #474747;
  text-align: left;
  text-shadow: 0 1px 0 #ffffff !important;
  text-transform: uppercase;
  padding-top: 10px;
}
.teetime-webservice .heading-selectplayers {
  color: #474747;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  text-align: left;
  text-shadow: 0 1px 0 #ffffff !important;
  text-transform: uppercase;
}
.teetime-webservice .heading-membernotes {
  color: #474747;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  text-align: left;
  text-shadow: 0 1px 0 #ffffff !important;
  text-transform: uppercase;
}
.teetime-webservice .member-notes-area {
  margin-top: 10px;
  border-top: 1px solid #dddddd;
}
.teetime-webservice .heading-notes-area {
  width: 100% !important;
}
.teetime-webservice .heading-notes-area .ui-shadow-inset {
  box-shadow: none !important;
}
.teetime-webservice .heading-crossoverdetail {
  color: #474747;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  text-align: left;
  text-shadow: 0 1px 0 #ffffff !important;
  text-transform: uppercase;
  margin-left: 5px;
  margin-bottom: 10px;
}
.teetime-webservice .btn-teesheet {
  text-align: right;
}
.teetime-webservice .left-tab-corner {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.teetime-webservice .right-tab-corner {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.teetime-webservice .time-show {
  background-color: #285e7e;
  /* background-image: url("../images/teesheet/icon-time.png");
  background-position: center 10px;
  background-repeat: no-repeat; */
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  height: 25px;
  padding-top: 35px;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width: 60px;
}
.teetime-webservice .time-show-doubletees {
  background-color: #5c75e3;
  /* background-image: url("../images/teesheet/icon-time.png");
  background-position: center 10px;
  background-repeat: no-repeat; */
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  height: 25px;
  padding-top: 35px;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width: 60px;
}
.teetime-webservice .time-show-shotgun {
  background-color: #e6b300;
  /* background-image: url("../images/teesheet/icon-time.png");
  background-position: center 10px;
  background-repeat: no-repeat; */
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  height: 25px;
  padding-top: 35px;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width: 60px;
}
.teetime-webservice .time-show-available {
  background-color: #328d32;
  /* background-image: url("../images/teesheet/icon-time.png");
  background-position: center 10px;
  background-repeat: no-repeat; */
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  height: 25px;
  padding-top: 35px;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width: 60px;
}
.teetime-webservice .time-show-crossover {
  background-color: #ff8040;
  /* background-image: url("../images/teesheet/icon-time.png");
  background-position: center 10px;
  background-repeat: no-repeat; */
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  height: 25px;
  padding-top: 35px;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width: 60px;
}
.teetime-webservice .ui-collapsible-heading-toggle {
  padding: 0 !important;
}
.teetime-webservice .time-grid {
  width: auto !important;
  float: left !important;
  clear: none !important;
}
.teetime-webservice .detail-grid {
  clear: none !important;
  float: none !important;
  width: 100% !important;
}
.teetime-webservice .legend-row-reserved {
  background-color: transparent;
  font-size: 11px;
}
.teetime-webservice .legend-row-availabe {
  background-color: #ffffff;
  font-size: 11px;
}
.teetime-webservice .legend-free-slot {
  background-color: #ffffff;
  font-size: 10px;
  color: #328d32 !important;
}
.teetime-webservice .legend-empty-slot {
  background-color: #ffffff;
  font-size: 10px;
  color: #328d32 !important;
}
.teetime-webservice .first-block {
  border-left: medium none;
  border-top: medium none;
  padding-left: 7px;
  /* padding-top: 7px;
  padding-bottom: 7px; */
}
.teetime-webservice .second-block {
  border-left: none;
  border-right: none;
  border-top: none;
  padding-left: 7px;
  /* padding-top: 7px;
  padding-bottom: 7px; */
}
.teetime-webservice .third-block {
  border-left: none;
  border-top: none;
  padding-left: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.teetime-webservice .fourth-block {
  border-left: none;
  border-right: none;
  border-top: none;
  padding-left: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.teetime-webservice .fifth-block {
  border-left: none;
  border-top: none;
  border-bottom: none;
  padding-left: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.teetime-webservice .sixth-block {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
  padding-left: 7px;
  padding-top: 7px;
}
.teetime-webservice .fourth-block-reserved {
  border-bottom: none;
  border-right: none;
  border-top: none;
  padding-bottom: 7px;
  padding-top: 8px;
  padding-left: 7px;
}
.teetime-webservice .orig-member-name {
  display: block;
  height: 15px;
  padding-left: 15px;
  text-transform: capitalize;
}
.teetime-webservice .member-name {
  display: block;
  padding-left: 15px;
  text-transform: capitalize;
}
.teetime-webservice .block-full-available {
  width: 100% !important;
}
.teetime-webservice .block-sub-available {
  width: 100% !important;
}
.teetime-webservice .block-available {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.teetime-webservice .block-reserved {
  background-color: #effbf9;
  border: 1px solid #dddddd;
}
.teetime-webservice .block-disabled {
  background-color: #e4e4e4;
  border: 1px solid #dddddd;
}
.teetime-webservice .rwd {
  float: left;
}
.teetime-webservice .rwd-crossover {
  float: left;
}
.teetime-webservice .rwd-doubletees {
  float: left;
}
.teetime-webservice .rwd-shotgun {
  float: left;
}
.teetime-webservice .rwd-disabled {
  float: left;
}
.teetime-webservice .rwd-reserved {
  float: left;
}
.teetime-webservice .btn-reservenow {
  font-size: 10px;
  padding: 6px;
  text-transform: uppercase;
  color: #fff !important;
}
.teetime-webservice .btn-reserve-area {
  position: relative !important;
  right: 0 !important;
  padding-top: 10px;
}
.teetime-webservice .rwd h2 {
  color: #328d32;
  font-size: 15px !important;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
  text-transform: uppercase;
}
.teetime-webservice .rwd p {
  color: #397293;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.teetime-webservice .rwd-crossover h2 {
  color: #ff8040;
  font-size: 15px !important;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
  text-transform: uppercase;
}
.teetime-webservice .rwd-crossover p {
  color: #397293;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.teetime-webservice .rwd-doubletees h2 {
  color: #5c75e3;
  font-size: 15px !important;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
  text-transform: uppercase;
}
.teetime-webservice .rwd-doubletees p {
  color: #397293;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.teetime-webservice .rwd-shotgun h2 {
  color: #e6b300;
  font-size: 15px !important;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
  text-transform: uppercase;
}
.teetime-webservice .rwd-shotgun p {
  color: #397293;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.teetime-webservice .rwd-disabled h2 {
  color: #9b9b9b;
  font-size: 15px !important;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
  text-transform: uppercase;
  text-align: left;
}
.teetime-webservice .rwd-reserved h2 {
  color: #285e7e;
  font-size: 15px !important;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 3px;
  text-transform: uppercase;
}
.teetime-webservice .rwd-reserved p {
  color: #397293;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.teetime-webservice .rwd-disabled p {
  color: #9b9b9b;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
}
.teetime-webservice .ui-body-d {
  padding-left: 8px !important;
}
.teetime-webservice .icon-walk {
  background-color: #d9d9d9 !important;
  border: medium none !important;
  display: inherit !important;
  font-size: 13px;
  margin-right: 0 !important;
  margin-top: 0;
}
.teetime-webservice .resource-column {
  background-color: transparent;
  border: medium none;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
}
.teetime-webservice .resource-column-doubletees {
  background-color: transparent;
  border: none !important;
  font-size: 8px;
  font-weight: normal;
  text-align: center;
  border-right: none !important;
  width: 45px;
}
.teetime-webservice .icon-tee {
  background-color: #c3dfeb !important;
  font-size: 13px;
  font-size: 13px;
  display: inherit !important;
  margin-right: 0 !important;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.teetime-webservice .icon-status {
  background-color: #c3e48a !important;
  font-size: 13px;
  font-size: 13px;
  display: inherit !important;
  margin-right: 0 !important;
  margin-top: 0;
}
.teetime-webservice .icon-holes {
  background-color: #98ccea !important;
  font-size: 13px;
  font-size: 13px;
  display: inherit !important;
  margin-right: 0 !important;
  margin-top: 0;
}
.teetime-webservice .ui-collapsible-content {
  margin-top: -16px !important;
  padding: 0;
}
.teetime-webservice .detail-heading {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  font-size: 12px;
  font-weight: bold;
  margin-top: 0;
  padding-bottom: 6px;
  padding-left: 13px;
  padding-top: 10px !important;
  text-transform: uppercase;
}
.teetime-webservice .legend-noshow {
  background-color: #e4e4e4;
  color: #9b9b9b !important;
  font-size: 11px;
  text-transform: uppercase;
}
.teetime-webservice .time-disabled {
  background-color: #c3c3c3;
  background-image: url("../images/teesheet/icon-time.png");
  background-position: center 10px;
  background-repeat: no-repeat;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  height: 25px;
  padding-top: 35px;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width: 60px;
}
.teetime-webservice .grid-doubletees {
  background-color: #ffffff !important;
}
.teetime-webservice .tee-margin {
  border-bottom: 1px solid #dddddd;
  height: auto;
  margin-top: 16px;
}
.teetime-webservice .shotgun-margin {
  border-bottom: 1px solid #dddddd;
  height: 59px;
}
.teetime-webservice .ui-mobile-viewport .panel {
  background: #274f6a !important;
  color: #ECF0F1 !important;
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15) !important;
  z-index: 99999 !important;
}
.teetime-webservice .ui-mobile-viewport .panel a {
  color: #FFF !important;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-size: 14px;
  padding: 15px 20px 15px 60px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #475657;
  border-top: 1px solid #95A5A6;
  position: relative;
  font-weight: 400;
}
.teetime-webservice .ui-mobile-viewport .panel ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #95A5A6;
}
.teetime-webservice .ui-mobile-viewport .panel .avatar {
  position: absolute;
  top: 8px;
  left: 20px;
}
.teetime-webservice .ui-panel-inner {
  padding: 0;
}
.teetime-webservice .panel a:hover {
  background-color: #21a0d7;
}
.teetime-webservice .panel.right a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  background-color: #2ECC71;
  right: 20px;
}
.teetime-webservice .panel.left a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 15px;
  left: 20px;
  font-family: "hk-demo";
  text-align: center;
  font-size: 18px;
}
.teetime-webservice .panel.left .newsfeed a:before {
  content: "\f09e";
}
.teetime-webservice .panel.left .setting a:before {
  content: "⚙";
}
.teetime-webservice .panel.left .logout a:before {
  content: "\e78e";
}
.teetime-webservice .panel.left .report a:before {
  content: "\f0e0";
}
.teetime-webservice .open.right {
  float: right;
  margin-right: 10px;
  margin-top: 12px;
}
.teetime-webservice .radio-button {
  background-color: transparent !important;
  border: medium none !important;
  float: left;
  margin: 0;
  padding-bottom: 0;
  padding-left: 35px !important;
  padding-right: 0;
  padding-top: 0;
  width: 20px;
}
.teetime-webservice .radio-button-input {
  visibility: hidden;
}
.teetime-webservice .holes-fieldset {
  float: right;
  font-size: 14px !important;
  margin-top: 11px !important;
}
.teetime-webservice .holes-fieldset .ui-controlgroup-label {
  float: left;
  width: 35px;
  font-size: 14px !important;
}
.teetime-webservice .holes-fieldset .ui-controlgroup-controls {
  float: left;
  width: 110px;
  font-size: 14px !important;
}
.teetime-webservice .holes-fieldset .ui-controlgroup-controls label {
  font-size: 14px !important;
}
.teetime-webservice .radio-resource-area {
  margin-top: -9px !important;
}
.teetime-webservice .radio-resource-area .ui-controlgroup-controls {
  width: 100% !important;
}
.teetime-webservice .radio-resource-area .ui-radio {
  width: 25% !important;
}
.teetime-webservice .radio-resource-area .ui-radio label {
  display: block;
  text-align: center;
  font-size: 12px !important;
}
.teetime-webservice .radio-selectplayers-area {
  margin-top: 0 !important;
}
.teetime-webservice .radio-selectplayers-area .ui-controlgroup-controls {
  width: 100% !important;
}
.teetime-webservice .radio-selectplayers-area .ui-radio {
  width: 25% !important;
}
.teetime-webservice .radio-selectplayers-area .ui-radio label {
  display: block;
  text-align: center;
  font-size: 12px !important;
}
.teetime-webservice .crossover-detail-heading-area {
  width: 100% !important;
}
.teetime-webservice .crossover-detail-area {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding-bottom: 5px;
  margin-top: 15px;
}
.teetime-webservice .crossover-detail-col1 {
  border-bottom: 1px solid #dddddd;
  color: #397293;
  font-size: 13px !important;
  font-weight: bold;
  margin-left: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-transform: uppercase;
}
.teetime-webservice .crossover-detail-col1-1 {
  color: #397293;
  font-size: 13px !important;
  font-weight: bold;
  margin-left: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-transform: uppercase;
}
.teetime-webservice .crossover-detail-col2 {
  border-bottom: 1px solid #dddddd;
  color: #397293;
  font-size: 13px !important;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  text-transform: uppercase;
  text-align: right;
  width: 49.5% !important;
}
.teetime-webservice .crossover-detail-col2-1 {
  color: #397293;
  font-size: 13px !important;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  text-transform: uppercase;
  text-align: right;
  width: 49.5% !important;
}
.teetime-webservice .grid-players-info {
  margin-top: 10px;
}
.teetime-webservice .btn-uselastplay {
  background-color: #C7D29C !important;
  font-size: 12px;
  text-transform: uppercase;
}
.teetime-webservice .uselastplay-area {
  text-align: right;
}
.teetime-webservice .popup-header {
  background-color: #79854E;
  color: #ffffff;
}
.teetime-webservice .popup-header h1 {
  margin-left: 6px !important;
  text-align: left !important;
  text-shadow: 0 1px 0 #000000 !important;
  text-transform: uppercase !important;
}
.teetime-webservice .legends-popup {
  font-size: 12px !important;
  padding-left: 35px !important;
}
.teetime-webservice .reservation-field-area .ui-input-text {
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.teetime-webservice .reservation-field-area input {
  /* min-height: 3em !important; */
}
.teetime-webservice .reservation-field-area {
  background-color: transparent !important;
  border: medium none;
  padding: 0;
}
.teetime-webservice .player-info-col1 {
  width: 100% !important;
}
.teetime-webservice .player-info-col2 {
  width: 15% !important;
}
.teetime-webservice .reservation-radio-icons {
  position: absolute;
  right: 0;
  top: 0;
  width: 117px;
}
.teetime-webservice .reservation-radio-icons .ui-btn {
  border-radius: 0 !important;
  font-size: 12px;
  height: 22px;
  padding-top: 18px;
}
.teetime-webservice .icon-cart input {
  margin-top: -23px !important;
}
.teetime-webservice .icon-cart .ui-btn-active {
  background-image: url(../images/teesheet/icon-cart-active.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.teetime-webservice .img-icon-cart {
  background-image: url(../images/teesheet/icon-cart.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 26px;
  width: 25px;
  background-size: 60%;
}
.teetime-webservice .icon-walk .ui-btn-active {
  background-image: url(../images/teesheet/icon-walk-legend-active.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.teetime-webservice .img-icon-walk {
  background-image: url(../images/teesheet/icon-walk-legend.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 26px;
  width: 25px;
  background-size: 60%;
}
.teetime-webservice .icon-pullcart .ui-btn-active {
  background-image: url(../images/teesheet/icon-pullcart-active.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 58px !important;
}
.teetime-webservice .img-icon-pullcart {
  background-image: url(../images/teesheet/icon-pullcart.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 26px;
  background-size: 58px;
}
.teetime-webservice .icon-caddy .ui-btn-active {
  background-image: url(../images/icon-caddy-active.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 58px !important;
}
.teetime-webservice .img-icon-caddy {
  background-image: url(../images/teesheet/icon-caddy.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 26px;
  background-size: 58px;
}
.teetime-webservice .btn-bookteetime {
  background-color: #aab23b !important;
  color: #ffffff !important;
  text-shadow: 0 1px 0 #000000 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}
.teetime-webservice .btn-createanother {
  background-color: #79854E !important;
  color: #ffffff !important;
  text-shadow: 0 1px 0 #000000 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
.teetime-webservice .btn-continue {
  background-color: #454B31 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 0 #000000 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
.teetime-webservice .reservation-confirm-div {
  width: 100% !important;
  text-align: center !important;
  margin-top: 20px;
  font-size: 18px;
  color: #474747 !important;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.teetime-webservice .reservation-confirm-detail {
  width: 100% !important;
  text-align: center !important;
  font-size: 16px;
  text-transform: uppercase !important;
  color: #474747 !important;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.teetime-webservice .reservation-confirm-heading {
  font-size: 18px !important;
  color: #397293 !important;
}
.teetime-webservice .reservation-btn-padding {
  padding-left: 5px;
  padding-right: 5px;
}
.teetime-webservice .calendar-left-arrow {
  width: 18%;
  text-align: left;
  float: left;
  padding-left: 15px;
  padding-top: 3px;
}
.teetime-webservice .calendar-right-arrow {
  width: 18%;
  text-align: right;
  float: right;
  padding-right: 5px;
  padding-top: 3px;
}
.teetime-webservice .calendar-date-area {
  float: left;
  width: 56%;
  text-align: center;
  font-size: 16px;
  color: #21a0d7;
  text-transform: uppercase;
  padding-top: 3px;
  position: relative;
  top: -3px;
}
.teetime-webservice .calendar-area-top {
  background-color: #f1f1f1;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -5px !important;
  padding-right: 11px !important;
  width: 100% !important;
}
.teetime-webservice .reservation-field-area .ui-corner-all {
  border-radius: none;
}
.teetime-webservice .reservation-field-area .ui-shadow-inset {
  box-shadow: none;
}
.teetime-webservice .reservation-field-area .ui-focus {
  box-shadow: none !important;
}
.teetime-webservice .reservation-field-area .ui-input-search:after {
  background-image: none !important;
}
.teetime-webservice .reservation-field-area input {
  padding-left: 10px !important;
}
.teetime-webservice .player-detail-blocks {
  width: 35% !important;
  text-transform: capitalize;
}
.teetime-webservice .first-block a, .teetime-webservice .second-block a, .teetime-webservice .third-block a, .teetime-webservice .fourth-block a, .teetime-webservice .fifth-block a, .teetime-webservice .sixth-block a {
  display: block;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .teetime-webservice .first-block a, .teetime-webservice .second-block a, .teetime-webservice .third-block a, .teetime-webservice .fourth-block a, .teetime-webservice .fifth-block a, .teetime-webservice .sixth-block a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.teetime-webservice .col-md-12.col-sm-12.col-xs-12 input {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px 0 5px 5px;
  font-size: 14px !important;
}
.teetime-webservice .iceOutLbl.portlet-form-label.formLabels {
  margin-left: 10px;
}
.teetime-webservice .commentsTextbox {
  margin-left: 10px !important;
  margin-bottom: 10px;
}
.teetime-webservice .page-header.page-header-blue h1 {
  color: #163869 !important;
  font-size: 20px !important;
  margin-left: 10px;
}
.teetime-webservice .iceCmdLnk.btn.btn-green {
  background-color: #496b9b;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
}
.teetime-webservice .pageitem {
  padding-bottom: 10px !important;
}
.teetime-webservice .portlet-msg-error {
  margin-right: 15px !important;
}
.teetime-webservice .memberHeaderFont {
  color: #000 !important;
  font-weight: bold;
  padding: 0 5px;
}
.teetime-webservice #clubLogo {
  margin-right: 10px !important;
}
.teetime-webservice .popup-center-align-step1 {
  position: fixed !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.teetime-webservice .popup-center-align-step1 {
  position: fixed !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.teetime-webservice .popup-center-align {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.teetime-webservice .buddiesDIV {
  border: 1px solid #ccc;
  position: relative;
  z-index: 10;
  margin-top: -1px;
  overflow: hidden;
}
.teetime-webservice .invite_buddiesDIV {
  position: relative;
  background: #FDFDFD;
  padding: 10px;
  font-size: 14px;
  display: block;
  cursor: pointer;
}
.teetime-webservice .expand_DIV {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -14px;
  background: url(../images/teesheet/plusminus.png) center 0;
}
.teetime-webservice .invite_buddiesLabel {
  position: relative;
  padding: 10px;
  font-size: 14px;
  display: block;
  margin-left: 35px;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
}
.teetime-webservice .buddies_contentDIV {
  padding-left: 35px;
  border-radius: 0 0 3px 3px;
  background: #F9F9F9;
  color: #7B7E85;
  /* padding: 3px 10px; */
}
.teetime-webservice .buddyDIV {
  width: 150px;
  float: left;
}
.teetime-webservice .shrink_DIV {
  background: url(../images/teesheet/plusminus.png) center -30px !important;
}
.teetime-webservice div#buddies_contentDIV {
  margin-left: 35px;
  background: #F9F9F9;
  color: #7B7E85;
  padding: 3px 10px;
}

.teetime-webservice .iceSelInpTxtList {
  border: 0px groove #B3B1B4;
  margin-left: 0;
  vertical-align: middle;
  padding-left: 1px;
  position: relative !important;
  top: 0px !important;
  z-index: 1 !important;
}
.teetime-webservice .iceSelInpTxtSelRow {
  background-color: #f6f6f6;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  border-right-width: 1px;
  border-left-width: 1px;
  border-width: 1px 0 0 0;
  border-style: solid;
  margin: 0;
  display: block;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 2.5em;
  font-size: 16px;
  padding: 0.7em 1em;
  cursor: pointer;
  -webkit-user-select: none;
  text-decoration: none !important;
  line-height: 1.3;
  font-family: sans-serif;
  right: 0.5625em;
  top: 50%;
  margin-top: -11px;
  content: "";
  display: block;
  height: 22px;
}
.teetime-webservice .iceSelInpTxtRow {
  background-color: #f6f6f6;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  border-right-width: 1px;
  border-left-width: 1px;
  border-width: 1px 0 0 0;
  border-style: solid;
  margin: 0;
  display: block;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 2.5em;
  font-size: 16px;
  padding: 0.7em 1em;
  cursor: pointer;
  -webkit-user-select: none;
  text-decoration: none !important;
  line-height: 1.3;
  font-family: sans-serif;
  right: 0.5625em;
  top: 50%;
  margin-top: -11px;
  content: "";
  display: block;
  height: 22px;
}
.teetime-webservice .popup-center-align {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.teetime-webservice .full-input-width {
  width: 100%;
}
.teetime-webservice .shotgun-template {
  background-color: #ccc !important;
}
.teetime-webservice .double-tee-template {
  background-color: #ccc !important;
}
.teetime-webservice .overFrostBlock {
  background-image: url("../images/teesheet/rainout.png") !important;
}
.teetime-webservice .half-input-widthTxt {
  width: 100% !important;
  padding-right: 140px !important;
}
.teetime-webservice .creditCardInfo-label {
  font-size: 12px !important;
}
.teetime-webservice .creditCardInfo-error {
  font-size: 12px !important;
  background-color: #fee5e2;
  border-color: #fcaca5;
  color: #b50303 !important;
}
@media (max-width: 500px) {
  .teetime-webservice .aui body {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.teetime-webservice h2.heading-height {
  line-height: normal !important;
}
.teetime-webservice .tabs-custom {
  background-color: #f6f6f6 !important;
  border-color: #ddd !important;
  color: #333 !important;
  text-shadow: 0 1px 0 #f3f3f3 !important;
  font-weight: bold !important;
}
.teetime-webservice .course-name-custom {
  font-weight: bold !important;
}
.teetime-webservice .course-selection-link-custom {
  background-color: #f6f6f6 !important;
  border-color: #ddd !important;
  color: #333 !important;
  text-shadow: 0 1px 0 #f3f3f3 !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
}
.teetime-webservice .select-course-custom {
  background-color: #e9e9e9 !important;
  border-color: #ddd !important;
  color: #333 !important;
  text-shadow: 0 1px 0 #eee !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
}
.teetime-webservice .h1-custom {
  line-height: normal !important;
}
.teetime-webservice .player-tabs-link-custom {
  background-color: #f6f6f6 !important;
  border-color: #ddd !important;
  color: #333 !important;
  text-shadow: 0 1px 0 #f3f3f3 !important;
  font-weight: bold !important;
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
}
.teetime-webservice .player-tabs-link-active-custom {
  background-color: #79854E !important;
  border-color: #3388cc !important;
  color: #fff !important;
  text-shadow: 0 1px 0 #005599 !important;
  font-weight: bold !important;
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
}
.teetime-webservice .uselastplay-custom {
  line-height: normal !important;
  border-color: #ddd !important;
  color: #333 !important;
  text-shadow: 0 1px 0 #f3f3f3 !important;
  font-size: 12px !important;
  font-weight: bold !important;
}
.teetime-webservice .holes-link-custom {
  border-color: #ddd !important;
  color: #333 !important;
  text-shadow: 0 1px 0 #f3f3f3 !important;
  font-weight: bold !important;
  font-size: 14px !important;
}
.teetime-webservice .ui-radio .ui-btn.ui-radio-on:after {
  border-color: #3388cc !important;
}
.teetime-webservice .player-input-custom-dis {
  padding-left: 10px !important;
  min-height: 3em !important;
  margin: 0 !important;
  text-align: left !important;
  border: 0 !important;
  background: transparent none !important;
  -webkit-appearance: none !important;
  -webkit-border-radius: inherit !important;
  border-radius: inherit !important;
  padding: 0.4em !important;
  line-height: 1.4em !important;
  display: block !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  color: inherit !important;
  text-shadow: inherit !important;
  font-size: 16px !important;
  font-family: sans-serif !important;
}
.teetime-webservice .player-input-customTxt {
  padding-left: 10px !important;
  min-height: 3em !important;
  margin: 0 !important;
  text-align: left !important;
  border: 0 !important;
  background: transparent none !important;
  -webkit-appearance: none !important;
  -webkit-border-radius: inherit !important;
  border-radius: inherit !important;
  line-height: 1.4em !important;
  display: block !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  color: inherit !important;
  text-shadow: inherit !important;
  font-size: 16px !important;
  font-family: sans-serif !important;
}
.teetime-webservice .player-resource-link-custom {
  line-height: 1.4em !important;
  height: 10px !important;
  min-height: 1.8em !important;
  width: 100px !important;
}
.teetime-webservice .tabs-active-custom {
  background-color: #79854E !important;
  border-color: #ffffff !important;
  color: #fff !important;
  text-shadow: 0 1px 0 #005599 !important;
  font-weight: bold !important;
}
.teetime-webservice .reservenow-custom {
  background-color: #79854e !important;
  border-color: #ddd !important;
  color: #333 !important;
  text-shadow: 0 1px 0 #f6f6f6 !important;
  font-size: 10px !important;
  padding: 6px !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  /* background-image: linear-gradient(to bottom, #f6f6f6, #f6f6f6) !important; */
  line-height: 1.3 !important;
}
.teetime-webservice .course-name-reservation-custom {
  font-weight: bold !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  margin-bottom: 0px !important;
}
.teetime-webservice .member-name-custom {
  display: block !important;
  height: 15px !important;
}
.teetime-webservice .notes-custom {
  height: 50px !important;
  max-height: 50px !important;
  resize: none !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  box-shadow: none !important;
  margin-bottom: 0px !important;
  padding: 0.4em !important;
  line-height: 1.4em !important;
  display: block !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  padding: 0.4em !important;
  line-height: 1.4em !important;
  display: block !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline: 0 !important;
}
.teetime-webservice .dxt-border {
  border-bottom: 1px solid #fff;
}
.teetime-webservice .scroll-div {
  height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.teetime-webservice .btn-reserve-area .iceCmdLnk-dis {
  background: silver none repeat scroll 0 0 !important;
  border: medium none;
  color: gray;
  cursor: no-drop;
}
.teetime-webservice .teeloader {
  background: url("../images/teesheet/loader.gif") no-repeat center center;
  height: 64px;
  width: 64px;
  position: fixed;
  z-index: 11111;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  display: none;
}
.teetime-webservice .resource-column-doubletees > span {
  margin: 6px 0 0 0;
  display: inline-block;
}
.teetime-webservice h3.availableSlotsHeading {
  text-align: center;
  font-size: 20px;
}
.teetime-webservice .availSlotsCheck {
  display: inline-block !important;
}
.teetime-webservice .availSlotsLabel {
  margin-left: 5px;
  display: inline-block !important;
}
.teetime-webservice .teetime-nextDay {
  background-image: url("../images/teesheet/icon-arrow-right.png") !important;
}
.teetime-webservice .teetime-previousDay {
  background-image: url("../images/teesheet/icon-arrow-left.png") !important;
}
.teetime-webservice .slots-li {
  margin: 0 !important;
  background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
}
.teetime-webservice .ui-tabs-anchor {
  width: 100% !important;
  background-color: #f1f1f1 !important;
  color: #4f4f4f !important;
}
.teetime-webservice .ui-datatable-tablewrapper {
  overflow: inherit !important;
}
.teetime-webservice .ui-selectonebutton {
  width: 100%;
}
.teetime-webservice .ui-button-text-only {
  width: 24%;
}
.teetime-webservice .teeTimePortlet .ui-state-active {
  background-color: #79854E !important;
  border-color: #3388cc !important;
  color: #fff !important;
  text-shadow: 0 1px 0 #005599 !important;
  font-weight: bold !important;
  text-align: center !important;
  font-size: 12px !important;
}
.teetime-webservice .teetime-removePlayer {
  background-image: url("../images/teesheet/delete.png") !important;
}
.teetime-webservice .btn-course {
  color: #397293 !important;
  font-size: 12px;
  text-shadow: 0 1px 0 #ffffff !important;
  text-transform: uppercase !important;
  margin-right: 3px !important;
  margin-bottom: 10px !important;
}

.teetime-webservice {
  /* .member-name img {
  	vertical-align: initial !important;
  } */
}
@font-face {
  .teetime-webservice {
    font-family: "hk-demo";
    src: url("../fonts/hk-demo.eot");
    src: url("../fonts/hk-demo.eot#iefix") format("embedded-opentype"), url("../fonts/hk-demo.woff") format("woff"), url("../fonts/hk-demo.ttf") format("truetype"), url("../fonts/hk-demo.svg#hk-demo") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
.teetime-webservice .inline-block {
  display: inline-block;
}
.teetime-webservice .leftMarginPlayer {
  margin-left: 25px;
  margin-top: -10px !important;
}
.teetime-webservice .prefered-time-onemenu {
  vertical-align: middle !important;
}
.teetime-webservice .timePriority {
  vertical-align: super;
  display: inline-block;
}
.teetime-webservice .lastPlay-firstPlayer {
  display: inline-block !important;
  margin-left: 5px !important;
}
.teetime-webservice .timePeriodSel .ui-button-text-only {
  display: table-cell !important;
  padding: 0.5em 1em !important;
  width: auto !important;
}
.teetime-webservice .playersSel .ui-button-text-only {
  display: table-cell !important;
  width: auto !important;
}
.teetime-webservice .timePeriodSel, .teetime-webservice .playersSel {
  display: table !important;
}
.teetime-webservice .sort-table {
  display: inline-block;
  vertical-align: middle;
}
.teetime-webservice .fa-sort-size {
  font-size: 30px !important;
}
.teetime-webservice .sort-btn a {
  font-size: 30px !important;
}
.teetime-webservice .sort-btn a {
  text-decoration: inherit !important;
}
.teetime-webservice .sort-btn a:hover {
  text-decoration: inherit !important;
}
.teetime-webservice .teetime-content {
  background-color: #f8f8f8;
  border-color: #bbb;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.teetime-webservice .white-color {
  color: white;
}
.teetime-webservice ul#courseDropDownUL {
  background-color: #f1f1f1 !important;
}
.teetime-webservice .teetime-print {
  font-size: 18px !important;
  color: white !important;
}
.teetime-webservice i.fa.fa-sun-o.teetime-weather {
  font-size: 18px !important;
}
.teetime-webservice span.update-margin-right {
  margin-right: 5px;
}
.teetime-webservice span.site-name {
  display: none !important;
}
.teetime-webservice h1.site-title {
  text-align: center;
}
.teetime-webservice nav#breadcrumbs {
  display: none !important;
}
.teetime-webservice .ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content.ui-collapsible-collapsed .ui-collapsible-content {
  margin-top: -8px !important;
}
.teetime-webservice .teetime-webservice .holes-fieldset .ui-controlgroup-label {
  float: left;
  width: 35px;
  font-size: 14px !important;
  margin-right: 10px !important;
  /* vertical-align: bottom; */
  margin-top: 5px;
}
.teetime-webservice ul.breadcrumb {
  display: none !important;
}
.teetime-webservice .ui-widget-content {
  border: 0 !important;
  background: #f8f8f8 !important;
  color: #555;
}
.teetime-webservice .ui-datagrid-column {
  background-color: #f8f8f8 !important;
  border: 0 !important;
  padding: 1px;
}
.teetime-webservice .group-blocked-slot {
  background-image: url(../images/teesheet/icon-arrow-right.png) !important;
}
.teetime-webservice button.btn-reservenow {
  display: none !important;
}
.teetime-webservice .teetime-webservice .holes-fieldset .ui-controlgroup-controls label {
  font-size: 14px !important;
  margin-bottom: 15px !important;
  margin-right: 5px;
  margin-left: 2px;
}
.teetime-webservice .ui-area-btn-danger {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.teetime-webservice .ui-area-btn-success {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.teetime-webservice .rwd-disabled button {
  display: none;
}
.teetime-webservice .ui-datagrid-column.ui-grid-col-2 {
  width: 80px !important;
  margin-right: 5px;
}
.teetime-webservice .ui-datagrid-column.ui-grid-col-2 img {
  width: 70px !important;
  height: 68px !important;
  border: 1px solid #336699 !important;
  padding: 5px !important;
}
.teetime-webservice .teetime-webservice .holes-fieldset {
  float: right;
  font-size: 14px !important;
  margin-top: 0px !important;
}
.teetime-webservice .teetime-webservice .ui-controlgroup, .teetime-webservice .teetime-webservice fieldset.ui-controlgroup {
  padding: 0;
  /* margin: .5em 0; */
}
.teetime-webservice .uselastplay-custom {
  padding: 0.4em 0.4em !important;
}
.teetime-webservice .ui-selectonelistbox {
  border: 1px solid #DDD !important;
  color: #8d8d8d !important;
  font-weight: 200 !important;
  margin-bottom: 7px !important;
  background: white !important;
}
.teetime-webservice .cancel-reason-input {
  width: 100% !important;
  height: 50px;
  max-height: 50px;
  resize: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.teetime-webservice .hide-first-pic > .ui-grid > div:first-child {
  display: none !important;
}
.teetime-webservice .teetime-resource-cart {
  background: url(../images/teesheet/icon-cart-active.png);
}
.teetime-webservice .teetime-resource-caddy {
  background: url(../images/teesheet/icon-caddy-active.png);
}
.teetime-webservice .teetime-resource-pull-cart {
  background: url(../images/teesheet/icon-pullcart-active.png);
}
.teetime-webservice .teetime-resource-walk {
  background: url(../images/teesheet/icon-walk-legend-active.png);
}
.teetime-webservice .teetime-player-col-4, .teetime-webservice .teetime-player-col-5, .teetime-webservice .teetime-player-col-6,
.teetime-webservice .teetime-player-col-7, .teetime-webservice .teetime-player-col-8 {
  width: 50%;
  float: left;
}
.teetime-webservice .resource-img {
  background: aliceblue;
  width: 36px !important;
  height: 18px !important;
  padding: 5px;
}
.teetime-webservice .available-square {
  background: green;
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.teetime-webservice .reserved-square {
  background: red;
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.teetime-webservice .blocked-square {
  background: grey !important;
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.teetime-webservice .picturesTable div {
  display: inline-block !important;
}
.teetime-webservice .ui-grid-a.course-selectone-btn-div {
  height: 40px !important;
  max-width: 1336px !important;
  right: 0px !important;
}
.teetime-webservice .course-selectone-btn {
  margin-top: 5px;
}
.teetime-webservice .ui-block-b.course-btn {
  width: 100% !important;
}
.teetime-webservice .course-selectone-btn .ui-state-active span {
  background: lightslategrey !important;
}
.teetime-webservice .ui-block-b.course-btn .btn-teesheet {
  border: solid 1px;
  width: auto !important;
  height: 21px;
  float: right;
  padding: 10px;
  text-align: center;
}
.teetime-webservice .weather-fieldset legend {
  width: 100px;
  padding: 1px 1px 1px 1px !important;
  font-size: 16px !important;
  height: 40px !important;
  background: rgba(136, 112, 129, 0.21) !important;
}
.teetime-webservice .weather-fieldset {
  background: rgba(136, 112, 129, 0.21) !important;
}
.teetime-webservice .weather-fieldset .ui-fieldset-toggler {
  margin-top: 0.7em !important;
}
.teetime-webservice .resource-img {
  width: 40px !important;
  height: 25px !important;
}
.teetime-webservice .teetime-validationError-dialog {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.teetime-webservice .calendar-area-top {
  width: 100% !important;
  height: 40px !important;
}
.teetime-webservice .calendar-date-area {
  height: 40px !important;
}
.teetime-webservice .calendar-date-area label {
  padding-top: 6px !important;
}
.teetime-webservice .holesLabelDIV {
  vertical-align: top;
  padding-top: 5px;
}
.teetime-webservice .holesLabel {
  padding: 0px !important;
}
.teetime-webservice .tee-label-bottom-border {
  border-bottom-width: 1px !important;
}
.teetime-webservice .holesDIV {
  height: auto !important;
}
.teetime-webservice .member-name {
  font-size: 3vw !important;
}
.teetime-webservice .legend-row-reserved a {
  font-size: 3vw !important;
}
.teetime-webservice .align-right {
  text-align: right !important;
}
.teetime-webservice .cancelReasonLabel {
  margin-top: 10px !important;
}
.teetime-webservice .customPanelLabel {
  margin-bottom: 10px;
}
.teetime-webservice .dialogOKBtn {
  margin: 0 auto;
  width: 80px;
}
.teetime-webservice .teeTimeContent {
  height: auto;
}
.teetime-webservice .refreshBtn {
  margin-left: 5px;
}
.teetime-webservice .courseConditionDIV {
  vertical-align: top;
  margin-left: 5px;
}
.teetime-webservice .float-right {
  float: right !important;
}
.teetime-webservice .refreshLink {
  margin-left: 5px;
}
.teetime-webservice .resPlayersDIV {
  overflow: initial;
}
.teetime-webservice .notesDIV {
  overflow: initial;
}
.teetime-webservice .notes-input {
  height: 50px;
  max-height: 50px;
  resize: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.teetime-webservice .time-left {
  overflow: initial;
}
.teetime-webservice .updateBtnDIV {
  text-align: center;
  margin: 10px;
}
.teetime-webservice .h4-div {
  margin: 0 !important;
  padding: 0 !important;
}
.teetime-webservice .member-name a {
  text-shadow: none !important;
  veritcal-align: middle !important;
  margin-left: 3px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.teetime-webservice .free-slot a {
  text-shadow: none !important;
}
.teetime-webservice .first-block {
  border-left-style: solid !important;
  border-left-width: 1px !important;
  border-left-color: #ddd !important;
}
.teetime-webservice .tee-subheading {
  padding: 0 !important;
  margin-bottom: -3px !important;
}
.teetime-webservice .first-block-tee {
  border-left: medium none;
  border-top: medium none;
  padding-left: 7px;
}
.teetime-webservice .free-slot span {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.teetime-webservice div#loaderImage {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.teetime-webservice .useLastPlay-radio {
  vertical-align: middle !important;
  margin-bottom: 0px !important;
  margin-top: 7px !important;
}
.teetime-webservice .reservation-holes .ui-radiobutton {
  vertical-align: middle !important;
  margin-top: -1px !important;
  margin-bottom: 0px !important;
}
.teetime-webservice .text-left {
  text-align: left;
}
.teetime-webservice .player-actions-div, .teetime-webservice .caddie-div, .teetime-webservice .alignPlayerHoles {
  float: right;
  vertical-align: middle;
  display: inline-block;
}
.teetime-webservice .player-no-label {
  display: inline-block;
  font-weight: bold !important;
  text-transform: uppercase;
  margin-left: 5px !important;
}
.teetime-webservice .playerNoLabelColumn .ui-column-title {
  display: none !important;
}
.teetime-webservice .align-playerName input, .teetime-webservice .align-playerPhone, .teetime-webservice .align-playerEmail {
  width: 100% !important;
}
.teetime-webservice .holesViewModeMsg label {
  background-color: #fedfa0 !important;
  width: 100%;
  text-align: center !important;
  text-shadow: none !important;
  font-size: 14px !important;
}
.teetime-webservice .weatherDIV {
  margin-left: 5px;
  vertical-align: middle;
}
.teetime-webservice .legendsDIV, .teetime-webservice .printDIV, .teetime-webservice .weatherDIV, .teetime-webservice .currentTimeDIV, .teetime-webservice .ghin-score-posting-div {
  margin: 3px;
  background-color: #2196F3 !important;
  color: #fff !important;
  font-size: 14px;
  text-shadow: none !important;
  border: none !important;
  border-radius: 34px !important;
  padding: 6px;
  font-weight: normal !important;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none !important;
}
.teetime-webservice .legendsDIV a, .teetime-webservice .printDIV a, .teetime-webservice .weatherDIV a, .teetime-webservice .ghin-score-posting-div a {
  color: white !important;
}
.teetime-webservice .legend-square {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 3px;
  vertical-align: middle;
}
.teetime-webservice span.current-time .ui-clock {
  color: #ffffff !important;
  background: none;
  border: none;
  font-weight: normal;
}
.teetime-webservice span.current-time {
  border-radius: 20px;
  margin: 3px;
  color: #45a7a3;
  display: inline-block;
  padding: 8px;
  vertical-align: top;
  font-size: 16px;
  border: 1px solid #45a7a3;
  text-shadow: none;
  text-align: center;
  background-color: #2196F3 !important;
}
.teetime-webservice .currentTimeDIV span {
  background: transparent;
  border: none;
  color: white;
  font-weight: normal;
}
.teetime-webservice .legend-free-slot label {
  font-size: 13px !important;
  margin-bottom: 3px !important;
  line-height: normal;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.teetime-webservice element.style {
  width: 25%;
}
.teetime-webservice .courseSlots {
  vertical-align: top !important;
  border: lightgray;
  border-width: thin;
  border-style: solid;
  min-width: 290px !important;
  padding-right: 5px;
  display: table-cell;
}
.teetime-webservice .course-slots-heading {
  width: 100%;
  display: block !important;
  text-align: center;
  border: lightgray !important;
  border-width: 1px !important;
  border-style: solid;
  font-size: 16px !important;
  font-weight: bold !important;
  background: snow;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.teetime-webservice .courseViewsDIV {
  text-align: center !important;
  overflow-x: scroll;
  display: table;
  width: 100%;
}
.teetime-webservice .display-table {
  display: table !important;
}
.teetime-webservice .display-flex {
  display: flex !important;
}
.teetime-webservice .display-table-cell {
  display: table-cell !important;
}
.teetime-webservice .rwd {
  float: initial !important;
}
.teetime-webservice .full-width {
  width: 100% !important;
}
.teetime-webservice .btn-reserve-area {
  float: right !important;
}
.teetime-webservice .multiple-courses-col-6 a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.teetime-webservice .select-courses {
  width: 200px !important;
  margin: 3px;
  background-color: cornflowerblue !important;
  color: #fff !important;
  font-size: 14px;
  text-shadow: none !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 6px;
  font-weight: normal !important;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none !important;
}
.teetime-webservice .select-courses {
  text-align: left !important;
  width: 200px !important;
  float: right !important;
}
.teetime-webservice .select-courses .ui-state-highlight {
  background: steelblue !important;
}
.teetime-webservice .time-div label {
  font-size: 14px !important;
  text-align: center;
}
.teetime-webservice .time-div {
  width: 65px !important;
  text-shadow: none !important;
  text-align: center;
}
.teetime-webservice .teetime-player-col-4, .teetime-webservice .teetime-player-col-5, .teetime-webservice .teetime-player-col-6,
.teetime-webservice .teetime-player-col-7, .teetime-webservice .teetime-player-col-8 {
  height: inherit !important;
}
.teetime-webservice .multiple-courses-col-6, .teetime-webservice .multiple-courses-col-5,
.teetime-webservice .multiple-courses-col-4 {
  height: inherit !important;
}
.teetime-webservice .member-name {
  text-shadow: none !important;
  text-align: center !important;
  padding-left: 1px !important;
}
.teetime-webservice .course-views-scroll {
  display: table;
  width: 100%;
  text-align: right;
}
.teetime-webservice .course-views-scroll a {
  font-size: 30px !important;
  text-decoration: none !important;
}
.teetime-webservice .scroll-course-left {
  float: left !important;
}
.teetime-webservice .teetime-left-col {
  display: inline-block !important;
  width: 50% !important;
}
.teetime-webservice .teetime-right-col {
  display: inline-block !important;
  width: 50% !important;
}
.teetime-webservice .border-left {
  border-left-style: solid !important;
  border-left-width: 1px !important;
  border-left-color: #ddd !important;
}
.teetime-webservice .border-right {
  border-right-style: solid !important;
  border-right-width: 1px !important;
  border-right-color: #ddd !important;
}
.teetime-webservice .border-bottom {
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #ddd !important;
}
.teetime-webservice .border-top {
  border-top-style: solid !important;
  border-top-width: 1px !important;
  border-top-color: #ddd !important;
}
.teetime-webservice .tees-status {
  width: 49% !important;
  text-align: right;
  padding-top: 2px !important;
}
.teetime-webservice .tees-status-label {
  font-size: 14px;
  color: black;
}
.teetime-webservice h2.heading-height {
  text-align: left !important;
}
.teetime-webservice .multiple-courses .available-square {
  width: 11px;
  margin-right: 3px;
}
.teetime-webservice .multiple-courses .reserved-square {
  width: 11px;
  margin-right: 3px;
}
.teetime-webservice .multiple-courses .blocked-square {
  width: 11px;
  margin-right: 3px;
}
.teetime-webservice .mul-tees {
  padding-right: 5px !important;
}
.teetime-webservice .blocked-status {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.teetime-webservice .ui-selectonemenu .ui-selectonemenu-label {
  overflow: visible !important;
}
.teetime-webservice .course-label {
  margin-right: 5px;
}
.teetime-webservice .course-selection-div {
  margin-right: 10px;
}
.teetime-webservice .tee-subheading {
  text-align: left !important;
  width: 100%;
  display: block;
}
.teetime-webservice .btn-area {
  width: 120px !important;
  padding-right: 5px !important;
  text-shadow: none !important;
  padding-top: 5px !important;
  height: 42px !important;
  margin-right: 0px !important;
}
.teetime-webservice .slot-area {
  vertical-align: top;
  text-align: left;
  width: 100% !important;
  height: 46px !important;
}
.teetime-webservice .slot-link {
  width: 100%;
  display: block;
  height: 100%;
  text-decoration: none;
}
.teetime-webservice .slot-link .heading-height {
  padding-left: 5px !important;
}
.teetime-webservice .slot-link:hover {
  text-decoration: none !important;
  text-shadow: none !important;
}
.teetime-webservice .sel-for-res {
  background: #1a4d69 !important;
  text-shadow: none !important;
}
.teetime-webservice .font-bold {
  font-weight: bold !important;
}
.teetime-webservice .border-all {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #ddd !important;
}
.teetime-webservice .player-info-label {
  background: cornflowerblue;
  color: black !important;
  text-shadow: none !important;
  font-size: 16px !important;
  font-weight: bold !important;
}
.teetime-webservice .link-groups-check {
  margin-left: 5px !important;
  vertical-align: middle !important;
}
.teetime-webservice .use-last-play-close {
  float: right !important;
  width: 80px !important;
}
.teetime-webservice .course-sel {
  width: auto !important;
}
.teetime-webservice .course-label {
  vertical-align: top !important;
}
.teetime-webservice .course-sel li {
  display: inline-block;
  margin: 3px;
  background-color: #2196f3 !important;
  color: #fff !important;
  font-size: 16px;
  text-shadow: none !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 6px;
  font-weight: normal !important;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none !important;
}
.teetime-webservice .course-sel .ui-state-highlight {
  background-color: #1a4d69 !important;
}
.teetime-webservice .course-selection-div {
  width: 100%;
}
.teetime-webservice .align-playerName {
  width: 100% !important;
}
.teetime-webservice .align-player-details {
  text-align: center !important;
}
.teetime-webservice .player-details span {
  width: 100%;
  text-align: center !important;
}
.teetime-webservice .slot-link {
  text-transform: uppercase;
}
.teetime-webservice .courseViewsDIV td.ui-datagrid-column {
  vertical-align: top !important;
}
.teetime-webservice .full-width .ui-column-title {
  width: 100% !important;
}
.teetime-webservice .icon-tee {
  font-size: 10px !important;
  margin: 5px 1px 1px 1px !important;
  padding: 5px 0px 5px 0px !important;
}
.teetime-webservice .exclude-res tbody > tr > td {
  background-color: red !important;
}
.teetime-webservice .exclude-res-div {
  vertical-align: middle !important;
  margin-left: 10px;
}
.teetime-webservice .tbd-img-link {
  margin-left: 5px;
}
.teetime-webservice .buddies-panel .ui-panel {
  position: initial !important;
  width: 100%;
}
.teetime-webservice .tee-status-height {
  height: 20px !important;
}
.teetime-webservice .remove-player {
  width: 30px !important;
}
.teetime-webservice .tbd-img {
  width: 30px !important;
}
.teetime-webservice .cancel-reason-div {
  margin-bottom: 5px !important;
}
.teetime-webservice .disable-div {
  pointer-events: none !important;
  opacity: 0.3 !important;
}
.teetime-webservice .cadd-comment {
  width: 100%;
}
.teetime-webservice .caddie-img {
  margin-left: 5px !important;
  vertical-align: middle !important;
}
.teetime-webservice .caddie-img-div {
  vertical-align: middle !important;
}
.teetime-webservice .sheet-clock {
  font-size: 20px !important;
  margin-top: 2px;
}
.teetime-webservice .tee-heading, .teetime-webservice .tee-subheading, .teetime-webservice .custom-shotgun-heading {
  text-shadow: none;
}
.teetime-webservice .custom-teeofflabel-txt {
  font-size: 11px !important;
}
.teetime-webservice .lot-player-detail {
  border: thin solid #887a7a;
}
.teetime-webservice .request-player-grid {
  border: thin solid #ffbf70;
}
.teetime-webservice .tee-lottery-requests {
  margin-left: 65px;
}
.teetime-webservice .tee-lottery-requests label {
  font-size: 12px !important;
}
.teetime-webservice .custom-requests {
  text-shadow: none !important;
  padding-bottom: 1px !important;
  padding-top: 1px !important;
}
.teetime-webservice .caddie-checkbox, .teetime-webservice caddie-img-div {
  vertical-align: middle !important;
}
.teetime-webservice .blocked-status, .teetime-webservice .tees-status-label, .teetime-webservice .custom-dt-blocked-status {
  text-shadow: none !important;
}
.teetime-webservice .lot-player-detail label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.teetime-webservice .course-reservation-disabled {
  color: red !important;
  font-weight: bold !important;
}
.teetime-webservice .tee-time-calendar-div {
  vertical-align: top !important;
  margin-left: 10px !important;
  width: 150px !important;
}
.teetime-webservice .teetime-webservice .course-selection-div {
  width: auto !important;
}
.teetime-webservice .teetime-webservice .reservation-holes {
  width: 100px !important;
}
.teetime-webservice .cons-res-div button {
  vertical-align: top !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  background-color: #f1331e !important;
  background-image: linear-gradient(to bottom, #f53924, #ed2c17) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  color: white !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.teetime-webservice .cons-res-div {
  padding-top: 5px;
}
.teetime-webservice .reservation-players {
  width: auto !important;
}
.teetime-webservice .reservation-players .ui-button-text-only {
  width: 40px !important;
}
.teetime-webservice .teetime-webservice .course-sel {
  width: 170px !important;
}
.teetime-webservice .course-sel, .teetime-webservice .holes-selection-div {
  margin-left: 5px !important;
}
.teetime-webservice .resourceCol {
  width: 120px !important;
}
.teetime-webservice .buddies-panel {
  margin-top: 30px !important;
}
.teetime-webservice .buddies-panel .ui-panel-titlebar {
  height: 37px !important;
}
.teetime-webservice .buddies-grid {
  height: 200px !important;
  max-height: 200px !important;
  overflow-y: scroll;
}
.teetime-webservice .invite-all {
  vertical-align: middle !important;
}
.teetime-webservice .ui-controlgroup {
  margin: 0 0 !important;
}
.teetime-webservice .ui-datascroller-content {
  padding: 0 0 !important;
}
.teetime-webservice .holesCol table {
  width: 100px !important;
  table-layout: auto !important;
  border: none !important;
}
.teetime-webservice .holesCol td {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
.teetime-webservice .booking-starts-in {
  font-weight: bold !important;
  font-size: 20px !important;
}
.teetime-webservice .ui-bar {
  padding: 0px !important;
}
.teetime-webservice .slot-area {
  height: auto !important;
}
.teetime-webservice .ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content.ui-collapsible-collapsed .ui-collapsible-content {
  margin-top: 0px !important;
}
.teetime-webservice .tee-time-calendar input {
  height: 30px !important;
  margin: 0px !important;
}
.teetime-webservice .buddies-panel {
  margin-top: 0px !important;
}
.teetime-webservice .invite-all {
  vertical-align: middle !important;
  margin-left: 3px !important;
}
.teetime-webservice .buddies-grid .ui-grid-row {
  margin-left: 3px !important;
}
.teetime-webservice .uselastplay-custom {
  padding: 0.36em 0.4em !important;
  margin-bottom: 0px !important;
}
.teetime-webservice span.res-own-name {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  font-style: italic !important;
  font-size: 11px !important;
}
.teetime-webservice .autocomplete-players > ul > li:first-child {
  font-style: italic !important;
  font-size: 15px;
  font-weight: bold;
  color: steelblue;
}
.teetime-webservice .autocomplete-players > ul > li:first-child span {
  font-style: italic !important;
  font-size: 15px;
  font-weight: bold;
  color: steelblue;
}
.teetime-webservice .res-own-name {
  font-style: italic !important;
  font-size: 11px !important;
}
.teetime-webservice .players-table-sp span.ui-column-title {
  display: none !important;
}
.teetime-webservice .resource-drop-down-sp {
  width: 125px !important;
  min-width: 125px !important;
}
.teetime-webservice .caddie-div-sp, .teetime-webservice .holes-div-sp {
  margin-left: 10px !important;
}
.teetime-webservice .caddie-label-sp, .teetime-webservice .holes-label-sp {
  font-weight: bold !important;
}
.teetime-webservice .caddie-checkbox-sp, .teetime-webservice .holes-checkbox-sp {
  margin-left: 3px !important;
  vertical-align: sub !important;
  width: 10px !important;
}
.teetime-webservice .player-actions-div-sp {
  vertical-align: super !important;
  margin-left: 10px !important;
}
.teetime-webservice .resource-sel-sp .ui-selectonemenu-label {
  font-size: 11px !important;
}
.teetime-webservice .course-label-div-sp {
  width: 150px !important;
}
.teetime-webservice .date-label-div-sp {
  width: 150px !important;
}
.teetime-webservice .reservation-holes-sp {
  width: 60px !important;
}
.teetime-webservice .holes-sel-div-sp {
  width: 150px !important;
}
.teetime-webservice .create-btn-sp {
  font-size: 10px !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
  width: 110px !important;
}
.teetime-webservice .uselastplay-sp {
  padding: 0.35em 0.5em !important;
  font-size: 10px !important;
  color: black !important;
  text-shadow: none !important;
  font-weight: bold !important;
}
.teetime-webservice .resource-drop-down {
  width: 180px !important;
}
.teetime-webservice .alignPlayerHoles {
  margin-top: 3px !important;
}
.teetime-webservice .res-detials .ui-grid-col-2 {
  width: 50% !important;
  display: inline-block;
}
.teetime-webservice .player-input {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}
.teetime-webservice .cons-res-div button .ui-button-text {
  font-size: 12px !important;
  width: 90px !important;
  padding: 0.3em 0em 0.3em 1.5em;
}
.teetime-webservice .ui-menu {
  padding: 0px !important;
  margin: 0px !important;
}
.teetime-webservice .invite-bud-sm {
  text-align: center !important;
  width: 65px !important;
}
.teetime-webservice .buddy-name-sm {
  text-decoration: underline !important;
}
.teetime-webservice .invite-label-sm {
  color: white !important;
  vertical-align: middle !important;
}
.teetime-webservice .ui-menu {
  width: 145px !important;
}
.teetime-webservice .ui-menu .ui-menuitem-link span {
  width: 100% !important;
  text-align: right !important;
  float: left !important;
}
.teetime-webservice .lottery-time {
  width: auto !important;
}
.teetime-webservice .player-type-img-link {
  margin-left: 5px !important;
}
.teetime-webservice .teetime-webservice .player-actions-div-sp {
  margin-left: 5px !important;
}
.teetime-webservice .teetime-webservice .resource-drop-down-sp {
  width: auto !important;
  min-width: 80px !important;
}
.teetime-webservice .teetime-webservice .invite-bud-sm {
  text-align: center !important;
  width: 30px !important;
}
.teetime-webservice .ui-menu li {
  border-width: 1px !important;
  border-style: solid !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.teetime-webservice .ui-selectonemenu-items-wrapper .ui-selectonemenu-table .ui-selectonemenu-row td {
  padding: 7px 7px !important;
}
.teetime-webservice .member-for-buddy input {
  width: 100% !important;
}
.teetime-webservice .added-buddy {
  background: green !important;
}
.teetime-webservice .added-buddy a {
  color: white !important;
  font-weight: bold !important;
  text-shadow: none !important;
}
.teetime-webservice .teetime-webservice .remove-player .fa-times {
  vertical-align: middle !important;
  font-size: 16px !important;
}
.teetime-webservice .remove-player-sp {
  margin-right: 5px !important;
}
.teetime-webservice tr.ui-widget-content.ui-datatable-even td {
  padding: 3px !important;
}
.teetime-webservice tr.ui-widget-content.ui-datatable-odd td {
  padding: 3px !important;
}
.teetime-webservice .tt-remove-buddy {
  float: right !important;
  color: red !important;
}
.teetime-webservice .tt-display-pref .ui-chkbox.ui-widget {
  display: block !important;
  margin: 5px !important;
}
.teetime-webservice .tt-display-pref .ui-chkbox {
  display: block !important;
  padding: 3px !important;
}
.teetime-webservice li.ui-menuitem.ui-widget.ui-corner-all {
  background-color: #f1331e !important;
  background-image: linear-gradient(to bottom, #f53924, #ed2c17) !important;
}
.teetime-webservice li.ui-menuitem.ui-widget.ui-corner-all a {
  color: white !important;
  color: white !important;
  font-size: 12px !important;
  padding: 0.3em 0 0.3em 1.5em;
}
.teetime-webservice .ui-menu {
  width: 142px !important;
}
.teetime-webservice .buddy-name {
  color: black !important;
}
.teetime-webservice .player-type-member, .teetime-webservice .player-type-guest, .teetime-webservice .player-type-tbd {
  display: inline-block !important;
  margin: 5px !important;
  width: 90px !important;
}
.teetime-webservice .player-type-member-default, .teetime-webservice .player-type-guest-default,
.teetime-webservice .player-type-tbd-default {
  display: inline-block !important;
  margin: 5px !important;
  width: 90px !important;
  float: right !important;
}
.teetime-webservice .player-type-member, .teetime-webservice .player-type-member-default {
  background: #1778b1 !important;
}
.teetime-webservice .player-type-guest, .teetime-webservice .player-type-guest-default {
  background: #53b30b !important;
}
.teetime-webservice .player-type-tbd, .teetime-webservice .player-type-tbd-default {
  background: #31303094 !important;
}
.teetime-webservice .teetime-webservice .add-player-type-btn {
  width: 75% !important;
  display: inline-block !important;
}
.teetime-webservice .player-default-state-btn-sp {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 5px !important;
}
.teetime-webservice .erase-player {
  margin-left: 5px !important;
}
.teetime-webservice .invite-add-buddy-label {
  font-size: 10px !important;
}
.teetime-webservice .highlight-input-field input {
  box-shadow: 0 0 5px #51cbee !important;
  border: 1px solid #51cbee !important;
}
.teetime-webservice input[type=text]:focus {
  box-shadow: 0 0 5px #51cbee !important;
  border: 1px solid #51cbee !important;
  border-style: solid !important;
  border-width: 2px !important;
}
.teetime-webservice .tbd-btn {
  background-color: #075c81;
  color: #fff;
  padding: 2px 6px;
  font-size: 14px;
  border-radius: 2px;
}
.teetime-webservice .add-player-type-btn {
  max-width: 220px !important;
}
.teetime-webservice .ui-panelgrid .ui-panelgrid-cell {
  padding: 4px 0 !important;
}
.teetime-webservice .ui-panel .ui-panel-titlebar {
  padding: 7px 5px 7px 5px !important;
}
.teetime-webservice .tt-display-pref .ui-selectonemenu {
  margin-left: 1px !important;
  width: 228px !important;
}
.teetime-webservice .holesDropDown {
  margin-left: 2px !important;
}
.teetime-webservice .resource-sel {
  min-width: 80px !important;
}
.teetime-webservice .buddy-row {
  margin-top: 3px !important;
}
.teetime-webservice .ui-splitbuttonmenu-list-wrapper {
  width: 126px !important;
}
.teetime-webservice .highlight-guest-btn, .teetime-webservice .highlight-tbd-btn {
  border: 3px solid #ff0707 !important;
}
.teetime-webservice .cons-res-btn .ui-state-default {
  margin-bottom: 0 !important;
}
.teetime-webservice .resourceCol .ui-selectonemenu-label {
  white-space: break-spaces !important;
  font-size: 12px !important;
}
.teetime-webservice .buddy-wizard-buddies .ui-selectbooleancheckbox {
  margin-bottom: 0 !important;
}
.teetime-webservice .buddy-wizard-buddies .added-buddy {
  color: black !important;
  font-weight: bold !important;
  text-shadow: none !important;
}
.teetime-webservice .buddy-wizard-buddies .buddy-row {
  margin-bottom: 5px !important;
}
.teetime-webservice .buddy-wizard-buddies a {
  margin-left: 5px !important;
  vertical-align: top !important;
}

.ui-splitbuttonmenu {
  width: 10em !important;
}

@media (min-width: 640px) {
  .teetime-webservice .align-playerName, .teetime-webservice align-playerHoles, .teetime-webservice .align-playerResource,
.teetime-webservice .align-playerPhone, .teetime-webservice .align-playerEmail {
    text-align: center !important;
    margin: auto !important;
    display: block !important;
  }
  .teetime-webservice .align-playerPhone, .teetime-webservice .align-playerEmail {
    text-align: left !important;
    margin: auto !important;
    display: block !important;
  }
  .teetime-webservice .teetime-player-col-4 {
    width: 25%;
    float: left;
  }
  .teetime-webservice .teetime-player-col-5 {
    width: 20%;
    float: left;
  }
  .teetime-webservice .teetime-player-col-6 {
    width: 16.666%;
    float: left;
  }
  .teetime-webservice .teetime-player-col-7, .teetime-webservice .teetime-player-col-8 {
    width: 25%;
    float: left;
  }
  .teetime-webservice .reserved-height-4, .teetime-webservice .reserved-height-4 div {
    height: 100% !important;
  }
  .teetime-webservice .reserved-height-5, .teetime-webservice .reserved-height-5 div {
    height: 100% !important;
  }
  .teetime-webservice .reserved-height-6, .teetime-webservice .reserved-height-6 div {
    height: 100% !important;
  }
  .teetime-webservice .multiple-courses-height-4, .teetime-webservice .multiple-courses-height-5, .teetime-webservice .multiple-courses-height-6 {
    height: auto !important;
  }
  .teetime-webservice .first-block {
    border-left-style: solid !important;
    border-left-width: 1px !important;
    border-left-color: #ddd !important;
  }
  .teetime-webservice .member-name {
    font-size: 0.9vw !important;
  }
  .teetime-webservice .legend-row-reserved a {
    font-size: 0.9vw !important;
  }
  .teetime-webservice .ui-block-b.btn-reserve-area {
    margin-top: 5px !important;
  }
  .teetime-webservice h2.heading-height {
    margin-bottom: 1px !important;
    margin-top: -1px !important;
  }
  .teetime-webservice .free-slot a {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .teetime-webservice span.member-name a {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .teetime-webservice .ui-bar.ui-bar-a.resource-column-doubletees {
    padding: 0em 1em !important;
  }
  .teetime-webservice .player-no-label {
    display: none !important;
  }
  .teetime-webservice .holesCol, .teetime-webservice .caddieCol {
    width: 55px !important;
    text-align: center !important;
  }
  .teetime-webservice .alignPlayerHoles {
    text-align: center !important;
    float: inherit !important;
  }
  .teetime-webservice .playerNoLabelColumn {
    width: 100px !important;
  }
  .teetime-webservice .multiple-courses-col-4, .teetime-webservice .multiple-courses-col-5, .teetime-webservice .multiple-courses-col-6 {
    width: 50%;
    float: left;
  }
  .teetime-webservice .multiple-courses-col-7, .teetime-webservice .multiple-courses-col-8 {
    width: 50%;
    float: left;
  }
  .teetime-webservice .multiple-courses-col-6 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .teetime-webservice .multiple-courses-col-6 .first-block, .teetime-webservice .multiple-courses-col-6 .second-block {
    border-bottom: medium none !important;
  }
  .teetime-webservice .multiple-courses-col-4 .first-block, .teetime-webservice .multiple-courses-col-4 .second-block {
    border-bottom: medium none !important;
  }
  .teetime-webservice .multiple-courses-col-7 .first-block, .teetime-webservice .multiple-courses-col-7 .second-block {
    border-bottom: medium none !important;
  }
  .teetime-webservice .multiple-courses-col-7 .first-block, .teetime-webservice .multiple-courses-col-8 .second-block {
    border-bottom: medium none !important;
  }
  .teetime-webservice .multiple-courses-height-4 {
    height: auto !important;
  }
  .teetime-webservice .align-playerResource {
    width: 90% !important;
    max-width: 160px !important;
  }
  .teetime-webservice .resource-sel {
    width: 160px;
  }
  .teetime-webservice .ui-fluid .ui-selectonemenu {
    max-width: 175px !important;
  }
  .teetime-webservice .player-actions-div, .teetime-webservice .caddie-div {
    width: 100% !important;
    text-align: center !important;
  }
  .teetime-webservice .cancel-reason-div {
    width: 210px !important;
  }
  .teetime-webservice .teetime-cancel-dialog, .teetime-webservice .teetime-caddie-dialog {
    width: 40% !important;
    left: 30% !important;
  }
  .teetime-webservice .booking-starts-in {
    font-weight: bold !important;
    font-size: 30px !important;
  }
  .teetime-webservice .teetime-webservice .player-actions-div {
    text-align: left !important;
  }
}
@media (max-width: 600px) {
  .teetime-webservice .playersSel .ui-button-text-only, .teetime-webservice .timePeriodSel .ui-button-text-only {
    padding: 0 0 0 0 !important;
    font-size: 10px !important;
  }
  .teetime-webservice span.rwd p {
    width: 160px !important;
  }
  .teetime-webservice .available-square {
    width: 11px;
    margin-right: 3px;
  }
  .teetime-webservice .reserved-square {
    width: 11px;
    margin-right: 3px;
  }
  .teetime-webservice .teetime-webservice .timePeriodSel .ui-button-text-only {
    display: table-cell !important;
  }
  .teetime-webservice .timePeriodSel .ui-button-text {
    padding: 0.3em 0.3em !important;
  }
}
@media (max-width: 640px) {
  .teetime-webservice .res-holes-sel-div, .teetime-webservice .res-group-sel-div {
    width: 100%;
  }
  .teetime-webservice .align-playerName {
    width: auto !important;
    display: inline-block !important;
  }
  .teetime-webservice .holes-sel-div-sp {
    width: 100px !important;
  }
  .teetime-webservice .hasDatepicker {
    width: 124px !important;
  }
}
@media (max-width: 400px) {
  .teetime-webservice .rwd h2 {
    font-size: 12px !important;
    font-stretch: expanded;
  }
  .teetime-webservice .rwd p {
    margin-top: 7px !important;
  }
  .teetime-webservice .rwd label {
    font-size: 10px !important;
  }
  .teetime-webservice .ui-block-b.btn-reserve-area a {
    font-size: 10px !important;
  }
  .teetime-webservice .timePeriodSel .ui-button-text-only {
    display: list-item !important;
  }
  .teetime-webservice .btn-teesheet {
    font-size: 10px !important;
  }
  .teetime-webservice .btn-teesheet {
    font-size: 10px !important;
  }
  .teetime-webservice .ui-block-b.btn-teesheet span {
    font-size: 10px !important;
  }
  .teetime-webservice .holesLabel {
    vertical-align: sub !important;
  }
  .teetime-webservice .ui-area-btn-danger {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .teetime-webservice .ui-block-b.btn-reserve-area span {
    font-size: 10px !important;
  }
  .teetime-webservice .heading-selectplayers {
    font-size: 12px !important;
  }
  .teetime-webservice .ui-controlgroup-label.reservation-holes-label {
    font-size: 11px !important;
  }
  .teetime-webservice .ui-controlgroup-controls.reservation-holes-controlgroup {
    width: 80px !important;
  }
  .teetime-webservice .float-right {
    float: right !important;
  }
  .teetime-webservice .resource-column, .teetime-webservice .resource-label {
    font-size: 9px !important;
  }
  .teetime-webservice .ui-bar.ui-bar-a.resource-column {
    font-size: 9px !important;
  }
  .teetime-webservice .ui-block-b.btn-reserve-area {
    margin-top: 10px !important;
  }
  .teetime-webservice .rwd p {
    margin-top: 7px !important;
    font-stretch: semi-condensed !important;
  }
  .teetime-webservice span.rwd p {
    width: 100px !important;
  }
  .teetime-webservice .playersSel span.ui-button-text.ui-c {
    padding: 0.3em 0.5em !important;
  }
  .teetime-webservice .legend-free-slot label {
    font-stretch: condensed;
    font-size: 10px !important;
  }
  .teetime-webservice .courseSlots {
    min-width: 256px !important;
    padding-right: 1px !important;
  }
  .teetime-webservice .blocked-status {
    font-size: 8px;
  }
}
@media (max-width: 350px) {
  .teetime-webservice .rwd h2 {
    font-size: 10px !important;
  }
  .teetime-webservice .rwd label {
    font-size: 10px !important;
  }
  .teetime-webservice .ui-block-b.btn-reserve-area a {
    font-size: 10px !important;
  }
  .teetime-webservice .timePeriodSel .ui-button-text-only {
    display: list-item !important;
  }
  .teetime-webservice .btn-teesheet {
    font-size: 10px !important;
  }
  .teetime-webservice .btn-teesheet {
    font-size: 10px !important;
  }
  .teetime-webservice .ui-block-b.btn-teesheet span {
    font-size: 10px !important;
  }
  .teetime-webservice .holesLabel {
    vertical-align: sub !important;
  }
  .teetime-webservice .ui-area-btn-danger {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .teetime-webservice .ui-block-b.btn-reserve-area span {
    font-size: 10px !important;
  }
  .teetime-webservice .heading-selectplayers {
    font-size: 12px !important;
  }
  .teetime-webservice .ui-controlgroup-label.reservation-holes-label {
    font-size: 11px !important;
  }
  .teetime-webservice .ui-controlgroup-controls.reservation-holes-controlgroup {
    width: 80px !important;
  }
  .teetime-webservice .float-right {
    float: right !important;
  }
  .teetime-webservice .resource-column, .teetime-webservice .resource-label {
    font-size: 8px !important;
  }
  .teetime-webservice .ui-bar.ui-bar-a.resource-column {
    font-size: 8px !important;
  }
  .teetime-webservice .alignPlayerHoles {
    width: auto !important;
    display: inline-block !important;
    float: right !important;
    vertical-align: middle !important;
  }
  .teetime-webservice span.rwd p {
    width: 100px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .teetime-webservice .tee-time-dialog {
    width: 40% !important;
    left: 30% !important;
  }
  .teetime-webservice .ui-fluid .ui-selectonemenu {
    max-width: 270px !important;
  }
}
@media (min-width: 641px) and (max-width: 740px) {
  .teetime-webservice .tee-time-dialog {
    overflow-y: hidden;
  }
}
@media (min-width: 1000px) {
  .teetime-webservice .teetime-add-new-guest-dialog {
    width: 40% !important;
    left: 30% !important;
    overflow-y: hidden !important;
  }
}

@media (max-width: 767px) {
  .aui body {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 480px) {
  .buddies-panel-sm .ui-column-title {
    margin: 0 0em 0em 0em !important;
  }
}
.gttr-slot {
  border: solid 1px #eeeeee;
}

.gttr-details, .gttr-slot-details .ui-widget-content {
  margin-bottom: 20px;
  background-color: whitesmoke !important;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.gttr-course-sel .ui-selectlistbox-list {
  border: 1px solid #DDD;
  color: #8d8d8d;
  padding: 4px 6px;
  font-size: 14px;
  color: #555;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.gttr-rates-error {
  color: red !important;
}

.gttr-back-to-search-btn {
  width: 170px !important;
  float: right;
  margin-bottom: 5px;
}

.gttr-dialogOKBtn {
  width: 100px !important;
  display: inline-block !important;
}

.inline-block {
  display: inline-block !important;
}

.gttr-reservation-holes {
  vertical-align: -webkit-baseline-middle;
}

.gttr-border {
  border-bottom: 1px #ccc dashed !important;
  width: 100% !important;
  display: block !important;
}

.gttr-border-top {
  border-top: 1px #ccc dashed !important;
  width: 100% !important;
  display: block !important;
}

.gttr-confirm-title {
  text-align: center;
}

.gttr-res-no {
  background: #F3F3F3 !important;
  text-align: center !important;
  line-height: 49px !important;
  vertical-align: middle !important;
}

.gttr-align-playerName {
  text-align: center !important;
}

.gttr-resource-img-col {
  width: 20px !important;
  height: 20px !important;
}

.gttr-resource-img {
  background: aliceblue;
  width: 36px !important;
  height: 18px !important;
  padding: 5px;
}

@media (max-width: 640px) {
  .gttr-dialog-player-no, .gttr-dialog-player-charges {
    float: right !important;
  }

  .gttr-dialog-res-charges, .gttr-dialog-player-total-charges {
    float: right !important;
  }
}
@media (min-width: 640px) {
  .gttr-slot-image {
    width: 330px !important;
    height: 220px !important;
  }

  .gttr-reservation-holes {
    width: 170px !important;
  }

  .gttr-holes-sel-div {
    text-align: right;
  }

  .gttr-book-another-btn {
    width: 180px !important;
    float: right;
  }

  .gttr-playerno-col, .gttr-player-charges-col {
    text-align: center !important;
  }

  .gttr-res-charges-col, .gttr-total-charges-col {
    text-align: center !important;
  }

  .gttr-book-now-div {
    margin: 0 auto;
    width: 110px;
  }

  .gttr-player-name-col, .gttr-res-col, .gttr-charges-col {
    text-align: center !important;
  }
}
.gr-advance-search-label {
  padding: 15px;
  background: #1a4d69;
  color: #fff !important;
}

.gr-advance-search-label span.text-left {
  width: 60%;
  display: inline-block;
}

.gr-advance-search-label span.text-center {
  width: 40%;
  display: inline-block;
}

.gr-advance-search-btn {
  min-height: 10px !important;
  padding: 1.1em 2em !important;
  border-radius: 5px !important;
  color: black !important;
  background: white !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.gr-advance-search-label {
  border-radius: 5px;
}

.gr-advance-search .ui-grid-row {
  padding: 10px;
  background: whitesmoke;
}

.gttr-player-info {
  padding: 10px;
  background: white;
  border-color: whitesmoke !important;
  border-width: 3px !important;
  border-style: solid !important;
  margin-top: 2%;
}

.gr-advance-search-btn .ui-widget {
  font-size: 14px !important;
}

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

.gr-advance-search-focus-btn {
  min-height: 10px !important;
  padding: 1.1em 2em !important;
  border-radius: 5px !important;
  background: #1a4d69 !important;
  color: #fff !important;
}

.gr-advance-search-filters .ui-grid-row {
  padding: 10px;
  background: whitesmoke;
}

.gr-advance-search-filters-label {
  padding: 15px;
  background: #1a4d69;
  color: #fff !important;
}

.gtt-advance-filters-labels {
  font-size: 16px;
}

.gtt-calendar {
  min-height: 10px !important;
  padding: 1.1em 2em !important;
  border-radius: 5px !important;
  color: black !important;
  background: white !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.gtt-calendar .ui-inputfield {
  background-color: #fff !important;
  border: 0px !important;
}

.gtt-course-filter div.ui-button {
  margin-right: 0.5% !important;
  min-height: 10px !important;
  padding: 1em 1em !important;
  border-radius: 5px !important;
  color: black;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: black;
}

.gtt-course-filter .ui-state-active {
  background-color: #1a4d69 !important;
  background: #1a4d69 !important;
  color: white !important;
}

.gtt-course-filter .ui-state-default {
  background-color: white;
  background: white;
  color: black;
}

.gttr-review-reset-button {
  min-height: 10px !important;
  padding: 10px !important;
  border-radius: 5px !important;
  color: red !important;
  background: white !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: red !important;
  margin-top: 5%;
}

.gttr-review-book-button {
  min-height: 10px !important;
  padding: 10px !important;
  border-radius: 5px !important;
  color: white !important;
  background: #1a4d69 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #1a4d69 !important;
  margin-top: 2.5%;
  margin-bottom: 5%;
}

.gtt-book-button {
  min-height: 10px !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: white !important;
  background: #00cc00 !important;
  width: 90% !important;
  margin-left: 5%;
  margin-bottom: 5%;
  text-shadow: none !important;
}

.gtt-search-reset-panel {
  padding: 10px;
}

.gttr-slot-panel {
  margin-right: 5%;
  margin-bottom: 5%;
  background-color: whitesmoke !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 10px;
}

.gttr-time-label {
  margin-top: 10%;
  margin-left: 10%;
  margin-bottom: 0px !important;
  font-size: 16px !important;
  color: black !important;
  font-weight: 600 !important;
  padding: 0px !important;
}

.gttr-date-label {
  margin-left: 10%;
  font-size: 14px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
}

.gttr-currency {
  background-color: #ff751a !important;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.gttr-curreny-value {
  color: white !important;
}

.gttr-booking-panel .ui-grid-row {
  background: whitesmoke;
  border-top: none !important;
}

.ggtr-separator {
  width: 0px;
  height: 70px;
  margin-left: 50% !important;
  margin-bottom: 0px !important;
  margin-top: 2px !important;
}

.gttr-review-time-label {
  margin-top: 5%;
  margin-right: 10%;
  margin-bottom: 0 !important;
  font-size: 22px !important;
  color: black !important;
  font-weight: 550 !important;
  padding: 0 !important;
}

.gttr-review-date-label {
  margin-right: 10%;
  font-size: 16px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.gttr-review-screen-label {
  font-size: 16px !important;
  margin-left: 5%;
}

.gttr-review-screen-email {
  font-size: 16px !important;
  color: blue !important;
}

.gttr-number-of-players div.ui-button {
  margin-right: 10px !important;
  min-height: 10px !important;
  padding: 2px !important;
  color: black;
  background: white;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: black;
}

.gttr-number-of-players .ui-state-active {
  background-color: black !important;
  background: black !important;
  color: white !important;
}

.gttr-number-of-players {
  width: 100% !important;
}

.gttr-table th {
  display: none !important;
}

.gttr-player-name .ui-inputfield {
  width: 100% !important;
  border-radius: 0.25rem !important;
}

.gttr-player-resource {
  width: 70% !important;
  background: white !important;
}

.gttr-player-resource .ui-inputfield {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.gttr-comment {
  width: 90% !important;
  display: block !important;
  margin: 2% !important;
  height: 150px !important;
  border-color: whitesmoke !important;
  border-width: 2px !important;
  border-style: solid !important;
}

.gttr-payment-info {
  padding: 10px;
  background: whitesmoke !important;
  margin: 2%;
}

.gttr-payment-info .ui-grid-row {
  background: whitesmoke !important;
}

.ggtr-price-separator {
  width: 150% !important;
  margin-left: 10% !important;
  margin-top: 30% !important;
  margin-bottom: 0px !important;
}

.gttr-payment-label {
  font-size: 16px !important;
  margin-right: 5%;
}

a.gttr-res-total-charges, span.gttr-res-total-charges, div.gttr-res-total-charges {
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-right: 5%;
}

.gttr-player-name-input {
  padding: 10px 10px 10px 10px !important;
  border-radius: 5px;
}

.gttr-player-name {
  width: 100%;
}

@media (min-width: 1450px) {
  .gttr-search-panel {
    width: 60%;
    margin-left: 20% !important;
  }
}
@media (min-width: 500px) and (max-width: 1450px) {
  .gttr-search-panel {
    width: 80%;
    margin-left: 10% !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .gttr-booking-col {
    display: inline-block !important;
    width: 50% !important;
  }

  .gttr-review-col {
    display: inline-block !important;
    width: 40% !important;
  }

  .gttr-number-of-players div.ui-button {
    margin-right: 10px !important;
    min-height: 10px !important;
    padding: 2px !important;
    color: black;
    background: white;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: black;
  }

  .gttr-currency {
    background-color: #ff751a !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 70%;
    margin-left: 30%;
    margin-top: 5% !important;
  }

  .gttr-booking-panel .ui-grid-row {
    background: whitesmoke;
    border-top: none !important;
  }

  .gtt-calendar .ui-inputfield {
    width: 70% !important;
  }

  .gttr-slot-panel {
    width: 60% !important;
    margin-left: 20% !important;
  }

  .ggtr-separator {
    width: 80% !important;
    margin-left: 10% !important;
    height: 0px;
    margin-bottom: 0px !important;
    margin-top: 2px !important;
  }

  .gttr-player-info .ui-grid-row {
    border-top: none !important;
  }

  .ggtr-price-separator {
    width: 180% !important;
    margin-left: 10% !important;
    margin-top: 30% !important;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 640px) and (min-width: 1px) {
  .gttr-booking-col {
    display: inline-block !important;
    width: 50% !important;
  }

  .gttr-player-info .ui-grid-row {
    border-top: none !important;
  }

  .gttr-review-col {
    display: inline-block !important;
    width: 40% !important;
  }

  .gttr-slot-panel {
    width: 60% !important;
    margin-left: 20% !important;
  }

  .ggtr-separator {
    width: 80% !important;
    margin-left: 10% !important;
    height: 0px;
    margin-bottom: 0px !important;
    margin-top: 2px !important;
  }

  .ggtr-price-separator {
    width: 180% !important;
    margin-left: 10% !important;
    margin-top: 30% !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 640px) {
  .gttr-currency {
    margin-top: 20%;
  }
}
@media screen and (min-width: 1200px) {
  .gttr-curreny-value {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 640px) {
  .gtt-course-filter .ui-button {
    width: 20%;
  }

  .gtt-course-filter {
    width: 100%;
  }

  .gtt-search-panel {
    float: right;
    width: 30%;
  }

  .gtt-search-btn {
    width: 50% !important;
  }

  .gtt-reset-btn {
    width: 50% !important;
  }

  .gttr-book-other-tee-time-btn {
    width: 25% !important;
  }

  .gttr-note-total-payment {
    margin-top: 2%;
  }
}
@media screen and (min-width: 1830px) {
  .gtt-calendar .ui-inputfield {
    width: 65% !important;
  }
}
@media screen and (min-width: 970px) {
  .gr-advance-search-btn {
    min-width: 200px;
  }
}
@media screen and (max-width: 1830px) {
  .gtt-calendar .ui-inputfield {
    width: 25% !important;
  }
}
@media screen and (max-width: 700px) {
  .gtt-calendar .ui-inputfield {
    width: 20% !important;
  }
}
.gttr-confirm-email {
  font-weight: bold;
}

.gttr-confirm-panel .ui-panelgrid-cell {
  padding: 4px 10px !important;
  background: whitesmoke !important;
  border: 1px solid #c8c8c8 !important;
}

.gttr-confirm-labels {
  font-size: 12px !important;
}

.gttr-confirm-value {
  font-size: 14px !important;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
}

.gttr-confirm-layout {
  margin-top: 2%;
}

.gttr-confirm-note {
  height: 55px;
}

.gttr-book-other-tee-time-btn {
  background: #009ae5 !important;
  margin-top: 2%;
  padding: 10px;
  border-radius: 5px !important;
}

.gttr-note-total-payment {
  align-items: center;
  display: flex;
  color: red;
}

td.gttr-resource-img-col {
  width: 60px !important;
  height: 40px !important;
  border: 1px solid black !important;
}

.gttr-review-box .ui-grid-row {
  padding: 2px;
  background: whitesmoke;
}

.horizontal-dates {
  max-height: 130px;
  overflow-y: hidden;
  overflow-x: scroll !important;
  list-style: none;
  padding: 0;
  text-align: center;
  border-radius: 5px;
}

.horizontal-dates div {
  display: inline-block;
  text-align: center;
  padding: 0;
  background-color: #ffffff;
  box-shadow: 0 0 2px #949494;
  border-radius: 4px;
  width: 13.7%;
}

.horizontal-dates::-webkit-scrollbar {
  display: none;
}

.horizontal-dates a {
  text-decoration: none;
  color: #7abee4;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;
  display: block;
  padding: 2px;
  transition: 0.8s all ease;
}

.horizontal-dates a:hover {
  background-color: #3384b1;
  color: #ffffff;
}

span.calendar-day, span.calendar-date, span.calendar-year {
  display: block;
}

span.calendar-year {
  padding: 1px 0 1px 0;
  color: #ffffff;
  font-weight: normal;
  background-color: #7abee4;
}

.horizontal-dates a.selected-date {
  background-color: #1a4d69 !important;
  color: #fff !important;
}

.backward-controls a, .forward-controls a {
  font-size: 30px !important;
  display: block;
  text-align: center;
}

.backward-controls a:focus, .forward-controls a:focus {
  outline: none !important;
}

.backward-controls span {
  font-size: 30px !important;
  display: block;
  text-align: center;
}

.forward-controls span {
  font-size: 30px !important;
  display: block;
  text-align: center;
}

.horizontal-date-picker {
  width: 100% !important;
  display: table !important;
  margin: 5px 0px 5px 0px !important;
}

.backward-controls, .forward-controls {
  display: table-cell !important;
  max-width: 20px !important;
  vertical-align: top !important;
}

.horizontal-dates a {
  text-decoration: none !important;
}

.activity-container {
  /*For iPads Portrait*/
  /*For iPads Landscape*/
  /*For iPhone 5 and 5S Portrait*/
  /*For iPhone 5 and 5S Landscape*/
  /*Iphone 6 Portrait*/
  /*For iPhone 6 Landscape*/
  /*For iPhone 6 Plus Landscape*/
}
.activity-container .waiver-scroll-panel {
  height: auto !important;
  border: 1px solid #c8c8c8 !important;
  width: auto !important;
  min-height: 100px !important;
}
.activity-container .activity-header {
  background-color: #fff;
  padding: 10px 10px;
  box-shadow: 0 0 10px #9e9e9e;
  margin: 0px 5px 10px 0px;
  border-radius: 5px;
  text-align: center;
}
.activity-container .activity-header .ui-selectonemenu.ui-state-disabled {
  opacity: 1;
}
.activity-container .activity-header .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger {
  display: none;
}
.activity-container .date-picker {
  margin: 0;
  display: inline-block;
}
.activity-container .calendar-area-top {
  text-align: center;
  display: inline-block;
  background: #ffffff;
  padding: 4px 16px 5px 0px;
  border-radius: 5px;
  box-shadow: 0 0 7px #d4d4d4;
  margin: 6px 0 0 0;
}
.activity-container .calendar-date-area .ui-calendar input {
  font-size: 14px !important;
  color: #000 !important;
  text-transform: uppercase;
  display: inline-block;
  margin: 1px 10px 0;
  vertical-align: top;
  padding: 6px;
  text-align: center;
  width: 98% !important;
}
.activity-container .btn-teesheet .tooltip {
  position: relative;
  display: block;
}
.activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
  float: right;
  text-decoration: none !important;
  background-color: #2196F3 !important;
}
@media only screen and (min-width: 1025px) {
  .activity-container .btn-teesheet {
    text-align: right;
    display: inline-block;
    float: right;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    font-size: 14px;
    text-shadow: none !important;
    border: none !important;
    border-radius: 34px !important;
    margin-right: 3px !important;
    padding: 11px;
    font-weight: normal !important;
  }
  .activity-container .heading-teesheet {
    font-size: 22px;
    color: #474747;
    text-align: left;
    text-shadow: 0 1px 0 #ffffff !important;
    text-transform: capitalize;
    display: inline-block;
    background-color: #ffffff;
    padding: 0px 6px;
    vertical-align: top;
    border-radius: 5px;
    float: left;
  }
  .activity-container .current-time {
    float: right;
    border-radius: 20px;
    margin: 0px 10px;
    color: #45a7a3;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    font-size: 15px;
    border: 1px solid #45a7a3;
    text-shadow: none;
    text-align: center;
    background-color: #fff;
  }
  .activity-container .activity-cancel-reservation-dialog, .activity-container .activity-warning-dialog, .activity-container .activity-restriction-dialog {
    max-width: 500px;
    left: 33% !important;
  }
  .activity-container .activity-res-detail-dialog {
    width: 30% !important;
    left: 35% !important;
    position: fixed !important;
    top: 22% !important;
  }
  .activity-container .info-cont {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px;
  }
  .activity-container .activity-res-detail-dialog {
    width: 30% !important;
    left: 35% !important;
    position: fixed !important;
    top: 22% !important;
  }
  .activity-container .info-cont {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 320px) {
  .activity-container .sheet-switching-option {
    padding: 10px 0px !important;
  }
  .activity-container span.btn-reservation-sheet a {
    margin-bottom: 5px;
  }
  .activity-container span.btn-reservation-sheet a, .activity-container span.btn-trainer-sheet a {
    width: 90%;
    display: inline-block;
    padding: 5px 0px !important;
  }
}
@media only screen and (max-width: 1025px) {
  .activity-container input[type=text], .activity-container input[type=number], .activity-container textarea, .activity-container select {
    font-size: 16px !important;
  }
  .activity-container .refresh-view a {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .activity-container .btn-teesheet {
    text-align: right;
    display: inline-block;
    float: right;
    margin: 2px 0 0 0;
  }
  .activity-container .current-time {
    border-radius: 20px;
    margin: 0px 5px 0;
    color: #45a7a3;
    border: 1px solid #45a7a3;
    display: inline-block;
    padding: 10px 5px;
    vertical-align: top;
    font-size: 16px;
    text-shadow: none;
    text-align: center;
    background-color: #fff;
  }
  .activity-container .heading-teesheet {
    font-size: 22px;
    color: #474747;
    text-align: left;
    text-shadow: 0 1px 0 #ffffff !important;
    text-transform: capitalize;
    margin: 6px 10px 0 0px;
    display: inline-block;
    background-color: #ffffff;
    padding: 6px 6px;
    vertical-align: top;
    border-radius: 5px;
    float: left;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .activity-container .btn-teesheet {
    text-align: right;
    display: inline-block;
    float: right;
  }
  .activity-container .heading-teesheet {
    font-size: 22px;
    color: #474747;
    text-align: left;
    text-shadow: 0 1px 0 #ffffff !important;
    text-transform: capitalize;
    margin: 6px 10px 0 0px;
    display: inline-block;
    background-color: #ffffff;
    padding: 6px 6px;
    vertical-align: top;
    border-radius: 5px;
    float: left;
  }
  .activity-container .current-time {
    border-radius: 20px;
    margin: 0px 5px 0;
    color: #45a7a3;
    border: 1px solid #45a7a3;
    display: inline-block;
    padding: 10px 5px;
    vertical-align: top;
    font-size: 16px;
    text-shadow: none;
    text-align: center;
    background-color: #fff;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 10px 5px;
    width: auto;
  }
  .activity-container .icon-container .using-resources {
    padding-top: 5px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
  .activity-container .activity-header .form-control {
    margin-bottom: 10px !important;
  }
  .activity-container .current-time {
    float: left;
    text-align: center !important;
    width: 100%;
    margin: 0px 0px 10px 0px !important;
    border-radius: 20px;
    color: #45a7a3;
    border: 1px solid #45a7a3;
    display: inline-block;
    padding: 5px 0px;
    vertical-align: top;
    font-size: 16px;
    text-shadow: none;
    background-color: #fff;
  }
  .activity-container .btn-teesheet {
    text-align: center;
    width: 100%;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    font-size: 14px;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 19px !important;
    padding: 5px 10px;
    font-weight: normal !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
  .activity-container .activity-header .form-control {
    margin-bottom: 10px !important;
  }
  .activity-container .btn-teesheet {
    text-align: right;
    display: inline-block;
    width: 45%;
    float: right;
  }
  .activity-container .current-time {
    margin: 10px !important;
    display: inline-block;
    border-radius: 20px !important;
    color: #45a7a3 !important;
    border: 1px solid #45a7a3;
    padding: 6px 0px;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    text-shadow: none;
    width: 46%;
    float: left;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    font-size: 14px;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 19px !important;
    margin-right: 3px !important;
    padding: 11px;
    width: 18px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
  .activity-container .activity-header .form-control {
    margin-bottom: 10px !important;
  }
  .activity-container .activity-header .form-control {
    margin-bottom: 10px !important;
  }
  .activity-container .current-time {
    float: left;
    width: 50%;
    margin: 0 !important;
    border-radius: 23px;
    color: #45a7a3;
    border: 1px solid #45a7a3;
    display: inline-block;
    padding: 7px 0px;
    vertical-align: top;
    font-size: 16px;
    text-shadow: none;
    text-align: center;
    background-color: #fff;
  }
  .activity-container .btn-teesheet {
    text-align: right;
    width: 100%;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    font-size: 11px;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 19px !important;
    margin-right: 0px !important;
    padding: 8px 13px;
    width: auto;
    margin: 0px 0 4px 0;
  }
  .activity-container .icon-container .using-resources {
    padding-top: 5px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
  .activity-container .activity-header .form-control {
    margin-bottom: 10px !important;
  }
  .activity-container .current-time {
    margin: 10px !important;
    display: inline-block;
    border-radius: 20px !important;
    color: #45a7a3 !important;
    border: 1px solid #45a7a3;
    padding: 6px 0px;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    text-shadow: none;
    width: 25%;
  }
  .activity-container .btn-teesheet {
    text-align: right;
    display: inline-block;
    width: 45%;
    float: right;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    font-size: 14px;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 19px !important;
    margin-right: 3px !important;
    padding: 11px;
    width: 18px;
  }
}
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  .activity-container .activity-header .form-control {
    margin-bottom: 10px !important;
  }
  .activity-container .current-time {
    margin: 10px !important;
    display: inline-block;
    border-radius: 20px !important;
    color: #45a7a3 !important;
    border: 1px solid #45a7a3;
    padding: 5px 0px;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    text-shadow: none;
    width: 30%;
    float: left;
  }
  .activity-container .btn-teesheet {
    text-align: right;
    display: inline-block;
    width: 50%;
    float: right;
  }
  .activity-container .btn-location, .activity-container .btn-groups, .activity-container .btn-sheet, .activity-container .btn-legend, .activity-container .btn-waitlist {
    color: #fff !important;
    font-size: 14px !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 19px !important;
    padding: 5px 10px;
    width: auto;
    margin: 10px 0;
  }
}
.activity-container .horizontal-date-picker-container {
  overflow: hidden;
}
.activity-container .horizontal-dates {
  padding: 1px 0px;
  overflow: hidden !important;
  max-height: 150px !important;
}
.activity-container .ui-select-activity-type .ui-selectonemenu {
  margin-top: 13px !important;
}
.activity-container .current-time .ui-clock {
  color: #45a7a3;
  background: none;
  border: none;
  font-size: 16px !important;
  font-weight: normal;
}
.activity-container .legends-container {
  text-align: left;
}
.activity-container .tooltip .btn-legend, .activity-container .btn-waitlist {
  text-decoration: none !important;
}
.activity-container .activity-legends-dialog .legend div, .activity-container .activity-legends-dialog .legend img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.activity-container .activity-legends-dialog .legend div {
  float: left;
}
.activity-container .activity-legends-dialog .legend-box {
  border: 1px solid lightgray;
}
.activity-container .btn-teesheet .tooltip {
  opacity: 1;
}
.activity-container .activity-slots .interval {
  text-align: center !important;
  background-color: #7abee4 !important;
  color: #000;
}
.activity-container .activity-slots td.interval {
  border-right: 1px solid #ddd !important;
}
.activity-container tr.header-row th, .activity-container tr.footer-row td {
  background: 0;
  color: #fff !important;
  text-align: center !important;
  background-color: #1a4d69 !important;
  text-shadow: none !important;
}
.activity-container .activity-slots .ui-datatable-tablewrapper {
  margin: -1px;
}
.activity-container .activity-slots table {
  table-layout: auto !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.activity-container .activity-slots table th {
  border: 1px solid #7abee4 !important;
}
.activity-container .activity-slots table, .activity-container .activity-slots table td {
  border: 1px solid #ddd !important;
  border-right: 1px solid #7abee4 !important;
}
.activity-container .activity-slots table td:not(.interval) {
  border-bottom: 1px solid #7abee4 !important;
}
.activity-container .activity-slots table td.slot {
  height: 100%;
  min-height: 1px;
  vertical-align: top !important;
}
.activity-container .activity-slots .slot > div,
.activity-container .activity-slots .slot > div > span,
.activity-container .activity-slots .slot > div > span > .res-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.activity-container .activity-slots .slot:not(.event) > div {
  text-align: center;
}
.activity-container .activity-slots .slot > div > span.slot-start-end-time {
  display: block;
  font-size: 10px;
}
.activity-container .activity-slots .slot.past-time {
  background-image: url(../images/activities/icon-past-time.png);
}
.activity-container .activity-slots .slot.rainout {
  background-image: url(../images/activities/icon-rainout.png) !important;
}
.activity-container .activity-slots .slot.rainout.not-available {
  background-color: ghostwhite !important;
}
.activity-container .activity-slots .slot.not-available,
.activity-container .activity-slots .slot.rule-restrict {
  background-image: url(../images/activities/icon-not-available.png);
}
.activity-container .activity-slots .slot.user-activity-block {
  background-color: #ddd !important;
}
.activity-container .activity-slots .slot.not-available > div,
.activity-container .activity-slots .slot.rule-restrict > div,
.activity-container .activity-slots .slot.not-available label,
.activity-container .activity-slots .slot.rule-restrict label {
  color: #fff;
}
.activity-container .activity-slots .slot:not(.not-available):not(.rule-restrict) > div,
.activity-container .activity-slots .slot:not(.not-available):not(.rule-restrict) label {
  color: #000;
}
.activity-container .activity-slots .slot.open:not(.selected):not(.past-time):not(.rainout):not(.not-available):not(.rule-restrict):hover {
  background-color: whitesmoke !important;
}
.activity-container .activity-slots .slot.open.selected {
  background-color: #7abee4 !important;
  border-bottom: 1px solid #7abee4 !important;
}
.activity-container span.sel-slot-html {
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}
.activity-container .res-tip-container {
  min-width: 250px;
  z-index: 100 !important;
}
.activity-container .res-tip-container .res-tip-heading {
  background-color: #1a4d69 !important;
  color: #fff !important;
  padding: 5px;
}
.activity-container .res-tip-container .res-tip-body {
  border: 1px solid #1a4d69 !important;
  padding: 5px;
}
.activity-container .label {
  display: inline !important;
  padding: 0.2em 0.6em 0.3em !important;
  font-size: 75% !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  border-radius: 0.25em !important;
}
.activity-container .font-bold {
  font-weight: bold;
}
.activity-container .label-danger {
  background-color: #d9534f !important;
}
.activity-container .form-group {
  margin-bottom: 15px !important;
}
.activity-container .form-control {
  display: block !important;
  padding: 4px 12px 4px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  margin-bottom: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}
.activity-container .form-control input {
  width: 100% !important;
  margin: 0px !important;
}
.activity-container .width-100-percent {
  width: 100% !important;
}
.activity-container .margin-right-5px {
  margin: 5px !important;
}
.activity-container .background-maroon {
  color: #fff !important;
  padding: 10px !important;
  background-color: #c30c06 !important;
  text-shadow: none !important;
}
.activity-container .btn-extend-time {
  margin-left: 10px !important;
}
.activity-container .input-group {
  width: 100%;
  display: table;
  position: relative;
  border-collapse: separate;
}
.activity-container .input-group .form-control, .activity-container .input-group-addon, .activity-container .input-group-addon-with-link, .activity-container .input-group-btn {
  display: table-cell !important;
}
.activity-container .input-group-addon, .activity-container .input-group-addon-with-link, .activity-container .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.activity-container .input-group-addon, .activity-container .input-group-addon-with-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
}
.activity-container .input-group-addon, .activity-container .input-group-addon-with-link a, .activity-container .input-group-addon-with-link span {
  padding: 13px 15px;
}
.activity-container .input-group-addon.disabled, .activity-container .input-group-addon-with-link.disabled {
  opacity: 0.5;
}
.activity-container .input-group-addon:first-child, .activity-container .input-group-addon-with-link:first-child {
  border-right: 0;
}
.activity-container .input-group-addon:last-child, .activity-container .input-group-addon-with-link:last-child {
  border-left: 0;
}
.activity-container .panel {
  background-color: #fff !important;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
}
.activity-container .panel-default {
  border-color: #ddd;
}
.activity-container .radius-none {
  border-radius: 0 !important;
}
.activity-container .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.activity-container .panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.activity-container h3.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.activity-container .panel-body {
  padding: 15px;
}
.activity-container .clearfix {
  display: block;
}
.activity-container .ui-state-default {
  -webkit-box-shadow: inset 0 0 0 #8f8f8f !important;
  box-shadow: inset 0 0 0 #8f8f8f !important;
}
.activity-container .ui-selectonemenu .ui-selectonemenu-trigger,
.activity-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
}
.activity-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  border: none !important;
}
.activity-container .ui-selectonemenu-panel .ui-selectonemenu-table td {
  padding: 0px !important;
}
.activity-container .ui-selectonemenu-panel .ui-selectonemenu-table td div {
  padding: 4px 10px 4px 10px;
}
.activity-container code.time {
  background: transparent;
  color: #fff;
  border: none;
}
.activity-container .blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.activity-container .blink {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.activity-container .activity-players table thead {
  display: none !important;
}
.activity-container .activity-players table .form-group {
  margin-bottom: 0px !important;
}
.activity-container .activity-players table .ui-column-title {
  display: none !important;
}
.activity-container .activity-players, .activity-container .activity-players .ui-datatable-tablewrapper,
.activity-container .activity-players table, .activity-container .activity-players table tbody,
.activity-container .activity-players table tr, .activity-container .activity-players table td {
  border: 1px solid #fff !important;
  background: none !important;
}
.activity-container .form-control input.ui-autocomplete-input {
  width: 100%;
  padding: 3px !important;
  margin: 0 !important;
}
.activity-container .activity-waiver-dialog .btn-finish {
  min-width: 128px;
}
.activity-container .activity-waiver-dialog.ui-widget-content {
  overflow: hidden !important;
}
.activity-container .waiver-scroll-panel {
  text-align: justify;
  padding: 10px;
}
.activity-container .ui-chkbox .ui-state-error + .ui-chkbox-label {
  color: #cd0a0a;
}
.activity-container .btn-reponsive a {
  text-decoration: none;
}
@media only screen and (min-width: 640px) {
  .activity-container .activity-reservation-container .ui-grid-col-3,
.activity-container .ui-grid-emergency-contact .ui-grid-col-3 {
    margin-right: 2%;
  }
}
.activity-container .advance-booking-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.8;
  z-index: 1000;
}
.activity-container .advance-booking-overlay-container {
  position: relative;
  top: 25%;
  color: #000;
  text-align: center;
}
@media (min-width: 800px) {
  .activity-container .refresh-view-container {
    margin: 5px;
    padding: 0px 25%;
  }
}
.activity-container .refresh-view {
  padding: 5px 10px !important;
  margin-bottom: 10px !important;
  font-weight: bold;
}
.activity-container .refresh-view .message {
  padding: 5px;
  letter-spacing: 0.5px;
}
.activity-container .sheet-messages-header ul li, .activity-container .sheet-messages-footer ul li {
  margin-left: 30px;
}
.activity-container .activity-date-picker input {
  text-align: center;
  cursor: pointer !important;
}
.activity-container .emergency-contact-available {
  color: green;
}
.activity-container .emergency-contact-required {
  color: red;
}
@media only screen and (min-width: 600px) {
  .activity-container .ui-grid-emergency-contact .ui-grid-col-4 {
    width: 30.33333%;
    margin-right: 3%;
  }
}
.activity-container .ui-grid-emergency-contact .ui-outputlabel {
  font-size: 1em !important;
}
.activity-container .ui-grid-emergency-contact .ui-inputfield {
  padding: 0px;
}
.activity-container .ui-grid-emergency-contact .employer-autocomplete {
  padding: 2px !important;
}
.activity-container .legend.legend-label {
  padding: 10px 0px;
}
.activity-container .ui-grid-col-4.legend {
  padding: 4px 0;
}
.activity-container .ui-autocomplete-input.ui-state-disabled {
  opacity: 1;
  background-color: #F5F5F5 !important;
}
.activity-container .ui-dialog .ui-dialog-titlebar {
  background: #fff !important;
}
.activity-container .activity-date-picker {
  min-width: 180px;
}
.activity-container .reservation-type-legend {
  margin: 5px;
  min-height: 30px;
}
.activity-container ul.ui-autocomplete-items {
  max-height: 300px;
}
.activity-container .sheet-switching-option {
  text-align: center;
  padding: 10px;
}
.activity-container span.btn-reservation-sheet {
  margin-right: 5px;
}
.activity-container span.btn-reservation-sheet a, .activity-container span.btn-trainer-sheet a {
  color: #2196f3;
  text-shadow: none;
  font-weight: normal;
  padding: 5px 10px;
  border-radius: 100px;
  border: 1px solid #2196f3;
  background-color: #ffffff;
  font-size: 14px !important;
  transition: 0.5s ease all;
  text-decoration: none !important;
}
.activity-container span.btn-reservation-sheet a:hover, .activity-container span.btn-trainer-sheet a:hover {
  background-color: #2196f3;
  color: #fff;
}
.activity-container span.btn-reservation-sheet a.active, .activity-container span.btn-trainer-sheet a.active {
  background-color: #1a4d69;
  color: #fff;
}
.activity-container .activity-legends-dialog.header-legends {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f5f5f5;
  border: 1px solid lightgray;
}
.activity-container .activity-legends-dialog.header-legends .legend {
  float: left;
  margin-right: 30px;
}
.activity-container .activity-container .ui-selectonemenu-label {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.activity-container .activity-slots table th.header-col, .activity-container .activity-slots table td.interval {
  z-index: 5 !important;
}
.activity-container .activity-slots table th.header-col.time {
  z-index: 10 !important;
}
.activity-container .activity-slots-mobile .ui-accordion-header.ui-helper-reset {
  margin: 0;
  margin-bottom: 5px;
  outline: 0;
  line-height: 2;
  text-decoration: none;
  text-shadow: none;
  font-size: 100%;
  list-style: none;
}
.activity-container .activity-slots-mobile .slot {
  padding: 5px;
  border: 2px solid #7abee4;
  margin-bottom: 5px;
  text-align: center;
  color: #1a4d69;
  cursor: pointer;
  border-radius: 5px;
}
.activity-container .activity-slots-mobile .slot * {
  text-align: center;
}
.activity-container .activity-time-period-switcher .time-period {
  text-align: center;
  width: 99% !important;
  margin: 5px 0px !important;
}
.activity-container .activity-time-period-switcher .time-period .ui-button {
  /* width: 20%; */
  padding: 5px;
  margin-right: 5px;
  border-radius: 5px;
}
.activity-container .activity-slots-mobile .ui-accordion-header.ui-state-disabled {
  display: none !important;
}
.activity-container .activity-date-picker {
  min-width: 180px;
  min-height: 30px !important;
  display: block !important;
  box-sizing: border-box !important;
  float: left !important;
  margin-left: 2.5641% !important;
}
.activity-container .table thead th {
  background-color: #000 !important;
}
.activity-container .bill-to .ui-selectonemenu {
  min-width: 100px !important;
  width: auto !important;
}
.activity-container .activity-date-picker input {
  background: #eee !important;
  color: #8d8d8d !important;
  border: 1px solid #DDD !important;
  font-weight: 200 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 6px !important;
  line-height: 20px !important;
  vertical-align: middle !important;
  height: 30px !important;
  font-size: 13px !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}
.activity-container .datepicker-icon input {
  width: 90% !important;
}
.activity-container .activity-date-picker input .ui-calendar {
  padding: 4px 12px 4px 12px !important;
}
.activity-container .form-group .employer-autocomplete input {
  border: none !important;
  padding: 7px !important;
  padding-left: 10px !important;
}

.res-tip-container .res-tip-heading {
  background-color: #1a4d69 !important;
  color: #fff !important;
  padding: 5px;
}

.res-tip-container .res-tip-body {
  border: 1px solid #1a4d69 !important;
  padding: 5px;
}

body .ui-tooltip .ui-tooltip-text {
  background-color: white !important;
  color: black !important;
}

.activity-pref-combo .ui-radiobutton {
  margin-bottom: 10px !important;
  vertical-align: top !important;
}

.activity-container .form-control input.ui-autocomplete-input {
  border: none !important;
  padding: 7px !important;
  padding-left: 10px !important;
}

.ui-grid-emergency-contact .ui-selectonemenu, .activity-reservation-container .ui-selectonemenu {
  width: auto !important;
}

.activity-type .ui-selectonemenu {
  width: auto !important;
}

.activity-groups {
  padding-left: 2.5641% !important;
}

@media only screen and (max-width: 767px) {
  .activity-container .activity-date-picker {
    margin-left: 0 !important;
  }

  .activity-container .datepicker-icon input {
    width: 85% !important;
  }
}
.available {
  color: green;
}

.full {
  color: red;
}

.btn-add {
  color: #fff !important;
  font-size: 15px !important;
  text-shadow: none !important;
  border-radius: 2px !important;
  padding: 5px;
  border: 1px solid black;
  background-color: red;
  vertical-align: -webkit-baseline-middle;
}

.add-btn-cont {
  margin: 5px;
}

.available-cont {
  text-align: left !important;
}

.activities-portlet .btn-info {
  background-color: transparent !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
}

.res-tip, .area-tip {
  z-index: 20;
}

.activity-res-detail-dialog .cross {
  color: white;
}

.info-cont {
  display: inline-block;
  margin-left: 10px;
}

.activity-res-detail-dialog .ui-dialog-content {
  border: 1px solid !important;
  margin: 3px !important;
  padding: 0px !important;
}

.res-main-container, .activity-res-detail-dialog .res-stats {
  padding: 5px;
}

.res-activity-sep {
  margin: 5px 0px 5px 0px !important;
}

.activity-multiple-res .activity-reservation {
  padding-bottom: 5px;
}

.activity-multiple-res .player, .activity-multiple-res .res-stats {
  text-align: left;
}

.activity-vacc-status-link {
  padding: 13px 10px;
  cursor: pointer;
}

.activity-vacc-status {
  max-width: 20px !important;
  height: 20px !important;
}

.activity-upload-vacc-certificate-link {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

.activity-booking-for-lbl, .activity-player-lbl,
.activity-vacc-status-mobile-cont {
  display: inline-block !important;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  border-bottom: solid 1px #555;
  width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: #aaa;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ":";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: ".";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}

.center-align {
  text-align: center;
}

.middle-align {
  vertical-align: middle;
}

.spaTaskAutoComplete {
  width: auto !important;
}

.center-align-update {
  display: block !important;
  width: 50px;
  margin: auto !important;
}

.center-align-cancel {
  display: block !important;
  width: 50px;
  margin: auto !important;
}

.spa-search-controls .ui-widget-content {
  background: transparent !important;
}

.margin-top {
  margin-top: 5px;
}

.background-size {
  background-size: 100% 100%;
}

.spa-floppy, .spa-pencil, .spa-trash {
  font-size: 1.5em !important;
}

.search-controls-label {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 1px 1px #000000;
  font-size: 1.1em !important;
  text-transform: uppercase;
}

.spaTaskAutoComplete {
  width: auto !important;
}

.spaProviderDropdown {
  width: 100px !important;
}

.spaCalendar input {
  width: auto !important;
}

.spa-res-list-buttons a {
  text-decoration: inherit !important;
}

.spa-res-list-buttons a:hover {
  text-decoration: inherit !important;
}

.spa-res-list-buttons a:active {
  text-decoration: inherit !important;
}

.spaNameSelectionAutocomplete {
  width: auto !important;
}

.spaNameSelectionAutocomplete input {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cancel-dialog .ui-dialog-buttonpane {
  padding: 0.3em 0.4em 0.5em 0.4em !important;
}

.dropdown-autowidth {
  width: auto !important;
}

.gender-radio label {
  margin-top: 0px !important;
}

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

.span12.available-times-label {
  display: table-cell !important;
}

.span12.employeeName {
  display: table-cell !important;
}

.provider-slots-list .ui-datatable-tablewrapper, .service-slots-list .ui-datatable-tablewrapper {
  overflow: visible !important;
}

.spa-search-controls .ui-selectonemenu {
  width: 98% !important;
}

.spa-available-times {
  margin-top: 20px !important;
}

.spa-available-times .ui-datatable {
  margin-top: 10px !important;
}

@media (max-width: 640px) {
  .spa-list-smartphone {
    display: block;
  }

  .spa-res-list-buttons {
    display: none;
  }

  .edit-reservation-label {
    font-size: 16px !important;
  }

  .confirm-heading-label {
    font-size: 18px !important;
  }

  .center-align-cancel, .center-align-update {
    width: 100px !important;
    display: inline !important;
    padding: 5px !important;
  }

  .span12.available-times-label {
    font-size: 14px;
  }

  .span12.employeeName {
    font-size: 14px;
  }
}
@media (min-width: 641px) {
  .spa-list-smartphone {
    display: none;
  }

  .spa-res-list-buttons {
    display: block;
  }

  .center-align-table-component {
    text-align: center !important;
    margin: auto !important;
    display: block !important;
  }

  .search-newService-btn {
    width: 200px;
    display: inline-block;
  }

  .make-newRes-btn {
    width: 220px !important;
    display: inline-block;
  }

  .dropdown-service {
    max-width: 270px;
  }

  .dropdown-provider {
    max-width: 270px;
  }
}
.spa-upload-vacc-certificate-link {
  color: black;
  text-decoration: underline;
}

.spa-vacc-status-view {
  width: 30px;
  height: 32px !important;
  cursor: pointer;
  margin-bottom: 5px;
}

.member-name-status {
  display: flex;
}

.main-container {
  padding: 15px;
  border: 1px solid #ccc;
}

/* spa Reservation */
.spa-background {
  background-color: #ECECE1;
}

.margin-guest-hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.main-spa-div {
  background-image: url(../images/dining/dining-reservation.jpg);
  padding: 10px;
}

.spa-margin-top {
  margin-top: 270px;
  background-image: url(../images/dining/dining-bg.png);
  padding: 10px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .spa-margin-top {
    margin-top: 20px;
    background-image: url(../images/dining/dining-bg.png);
  }

  .spa-margin-top h1 {
    font-size: 20px;
  }
}
.spa-margin-top h1 {
  color: #fff !important;
  font-weight: 700;
  text-shadow: 1px 1px #000000;
}

.heading-background {
  background-color: #000;
  color: white;
  display: block;
  font-size: 17px;
  min-height: 20px;
  padding: 10px;
}

.heading-background h1 {
  color: #fff;
  font-size: 18px;
}

.maxPartyMsg {
  color: red;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
}

.available-times-dis {
  background-color: #dddddd;
  color: #cccccc;
  display: inline-block;
  width: 19%;
  text-align: center;
  padding: 5px;
  margin: 2px;
}

.available-times {
  background: rgba(55, 179, 218, 0.21);
  color: #000 !important;
  display: block;
  margin: 4px 0 4px 7px;
  padding: 14px 0;
  text-align: center;
}

.available-times:hover {
  background-color: #B1BFA3;
  color: white !important;
  text-decoration: none !important;
  cursor: pointer;
}

/* End */
/* SPA Calender Style */
.ui-timepicker-oneLine select {
  width: 80px;
}

.ui-datepicker {
  width: 17em !important;
}

.ui-widget {
  font-size: 13px !important;
}

.room-img {
  border: 2px solid #eee !important;
  border-radius: 5px;
  margin-top: 10px;
}

.room-cell {
  text-align: center;
}

.room-btn {
  box-sizing: border-box;
  padding: 4px 2px !important;
  width: 100%;
}

.aui .well {
  margin-bottom: 0;
}

.rooms-dg .ui-grid-row .ui-datagrid-column {
  padding-bottom: 5px;
}

hr.room-cell-hr {
  margin: 5px 0px 10px 0;
}

h4.room-name {
  margin: 0;
}

.room-chit {
  background-color: white;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 3px 3px silver;
  margin: auto auto 15px;
  padding: 25px;
}

.room-chit-dotted-row {
  border-bottom: 1px dashed #666;
  padding: 5px 0;
}

.room-right {
  float: right;
}

.room-item-btn-container .ui-selectonemenu {
  min-width: 100% !important;
}

.rooms-pref label {
  font-size: 14px !important;
}

/* 641px and above */
@media (min-width: 641px) {
  .rooms-dg .ui-g .ui-datagrid-column:nth-child(n+2) {
    padding-left: 5px !important;
  }

  .room-search-pg .ui-md-3:nth-child(n+2) {
    padding-left: 10px !important;
  }

  .room-description {
    line-height: 1.2em;
    margin: 0 !important;
    overflow: hidden;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }

  .rooms-book-now-btn {
    margin-left: 10px;
  }

  .rooms-search-btn {
    margin-top: 20px;
  }

  .rooms-search-container .ui-inputfield {
    width: 100% !important;
  }
}
/* 768px and above */
/* 1161px and above */
@media (min-width: 1161px) {
  .room-btn-row:nth-child(n+2) {
    padding-left: 3px;
  }

  .room-img {
    width: 240px;
    height: 180px !important;
  }
}
/* 641px to 1160px */
@media (min-width: 641px) and (max-width: 1160px) {
  .ui-grid-col-6.room-btn-row {
    width: 100% !important;
  }

  .ui-grid-col-3.room-btn-row {
    width: 100% !important;
  }

  .room-img {
    width: 240px;
    height: 120px !important;
  }
}
/* 1px to 640px */
@media (min-width: 1px) and (max-width: 640px) {
  .room-img {
    width: auto;
    height: auto !important;
  }

  .room-verify-btn {
    margin-bottom: 5px;
  }

  .ui-area-btn {
    width: 100%;
    box-sizing: border-box;
  }
}
/* 679px and above */
/* 1px to 1160px */
@media (min-width: 1px) and (max-width: 1160px) {
  .room-item-btn-container .ui-grid-col-3.room-btn-row {
    margin-top: 5px;
  }
}
.rooms-checkboxes-container .ui-chkbox.ui-widget {
  display: block !important;
  margin-bottom: 10px;
}

.rooms-pref-grid-col .ui-selectonemenu-label.ui-inputfield.ui-corner-all {
  width: auto !important;
}

.rooms-search-item.ui-grid-col-3 {
  padding-right: 5px;
}

.rooms-search-item.ui-grid-col-3:nth-child(4n) {
  padding-right: 0;
}

.room-detail-text-container {
  margin: 15px 0;
}

.room-details-container .ui-grid-col-6 {
  padding-right: 10px;
}

.room-details-container .ui-grid-col-6:nth-child(2n) {
  padding-right: 0;
}

.room-detail-heading {
  font-weight: 700;
}

.rooms-reservation-confirmation-container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.room-btn.disable {
  cursor: not-allowed !important;
}

.rooms-search-container {
  background-image: url(../images/rooms/rooms-reservation.png);
  background-repeat: no-repeat;
  padding: 0 10px;
}

.rooms-main-div {
  background-image: url(../images/rooms/rooms-bg.png);
  margin-top: 215px;
  padding: 10px;
  color: #fff;
  font-weight: 700;
}

/* Less than and equals to 1215px */
@media (max-width: 1215px) {
  .rooms-search-container {
    background-size: auto 100%;
  }
}
/* 1216px and above */
@media (min-width: 1216px) {
  .rooms-search-container {
    background-size: 100% 100%;
  }
}
.hidden-background-image {
  background-image: none !important;
}

.hidden-background-image-space {
  margin-top: 0px !important;
}

.rooms-selected-age-groups-btn-lbl:after {
  content: "\e906";
  font-family: "primeicons";
  float: right;
  padding-right: 5px;
}

.rooms-age-group-max-lbl {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: normal;
  text-shadow: 0px 1px #000;
  display: block;
}

.rooms-spinner .ui-spinner-down, .rooms-spinner .ui-spinner-up {
  top: 8px;
  border-radius: 50%;
  height: 22px;
  width: 22px !important;
}

.rooms-spinner .ui-button {
  box-sizing: content-box !important;
}

.rooms-spinner .ui-spinner-up {
  right: 5px;
}

.rooms-spinner .ui-spinner-down {
  right: 35px;
}

.rooms-spinner .ui-spinner-button.ui-state-hover {
  background: #dbdada !important;
}

.rooms-spinner .ui-spinner-button.ui-state-active {
  background: #c3bfbf !important;
}

.rooms-spinner .ui-state-default {
  background: white;
}

.rooms-spinner .ui-spinner-input {
  padding: 8px !important;
  text-align: start;
}

.rooms-spinner .ui-spinner-up .ui-icon:before {
  content: "\e90e" !important;
}

.rooms-spinner .ui-spinner-down .ui-icon:before {
  content: "\e910" !important;
}

.rooms-spinner .ui-icon {
  background-image: none !important;
  text-indent: 0px;
  font-weight: normal !important;
  font-family: "FontAwesome";
  color: #646161;
  font-size: 10px;
}

.rooms-spinner .ui-button .ui-button-text {
  line-height: revert;
}

.rooms-age-group-overlay-container, .rooms-age-group-overlay {
  max-width: 270px;
}

.rooms-age-group-overlay-container .ui-overlaypanel-content {
  max-height: 250px;
  overflow-y: scroll;
}

.rooms-spinner {
  padding-bottom: 10px;
}

.rooms-selected-age-groups-btn {
  background: white;
  padding: 5px;
  width: 100%;
  max-width: 260px;
  display: block;
  color: black;
  border-radius: 2px;
}

.rooms-selected-age-groups-btn-lbl {
  color: 50505;
  text-shadow: none;
}

.rooms-spinner .ui-icon {
  margin-top: -10px !important;
}

body .rooms-spinner .ui-icon {
  top: 35% !important;
  font-size: 1.8em !important;
}

.rooms-spinner .ui-spinner-down, .rooms-spinner .ui-spinner-up {
  top: 5px !important;
}

.ui-fluid .room-chit-dotted-row .room-right .ui-selectonemenu {
  min-width: 75px !important;
}

html, body {
  height: 100vh;
  min-height: 100vh;
  margin: 0px !important;
  font-family: "open sans";
}

/* Structure Wrapper */
.rsc-main-container {
  min-height: 770px;
  background: url(../images/rooms/banner.jpg?pfdrid_c=true);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-flow: column nowrap;
  position: relative;
}

.rsc-main-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0deg, #4B4B4B, transparent);
  height: 175px;
}

.rsc-body {
  padding: 35px 15px 0px;
  width: 100%;
  z-index: 1;
}

.rsc-field-box-cover {
  display: flex;
  justify-content: space-between;
}

.rsc-main-container * {
  box-sizing: border-box;
}

/* Field Box */
.rsc-field-box {
  background: rgba(255, 255, 255, 0.9);
  padding: 18px 15px;
  margin-bottom: 12px;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

.rsc-bill-detail-guest .rsc-field-box {
  padding: 5px 15px !important;
}

.inner-room-details .rsc-field-box {
  margin-bottom: 0px;
}

/* Room Details */
.rsc-field-box-room-details {
  flex-flow: row wrap;
}

/* Date & Time */
.rsc-field-box-date-time {
  flex-flow: row wrap;
}

.rsc-field-box-date-time > div {
  width: 48%;
}

.rsc-field-box-date-time > div span {
  font-size: 18px;
}

/* Labels */
.rsc-field-box > label, label.rsc-lbl {
  letter-spacing: 0.48px;
  color: #858585;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  margin-bottom: 10px;
  font-family: "open sans";
}

.rsc-field-box > label > i {
  margin-right: 5px;
}

.rsc-colored-icon {
  color: #3E73FF;
}

.rsc-cc-card-type-icon {
  color: #3E73FF;
  float: right;
  font-size: 20px;
}

.minicon {
  font-size: 12px !important;
  margin: 0px 3px !important;
}

.rsc-field-box > span {
  letter-spacing: 0px;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "open sans";
}

.rsc-field-box > span i {
  color: #3E73FF;
  font-size: 18px;
}

/* Footer */
.rsc-footer {
  padding: 0px 15px 25px;
  width: 100%;
  z-index: 1;
  padding: 0px 15px 25px;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-flow: column;
}

.rsc-get-direction-txt, .rsc-front-desk-txt, .rsc-add-guest-txt {
  display: none;
}

.rsc-save-guest-btn {
  width: 100% !important;
  padding: 10px 4px !important;
}

.rsc-add-more-guest-btn {
  width: 99% !important;
  padding: 10px 4px !important;
}

.rsc-card-footer-btn-row a {
  padding: 10px 4px !important;
}

.rsc-btn span {
  font-size: 12px;
}

.rsc-footer-btn-row {
  display: flex;
  justify-content: flex-end;
}

.rsc-add-guest-btn, .rsc-call-btn, .rsc-get-dir-checkin-btn {
  margin-right: 10px;
}

.rsc-footer-timer {
  font-size: 14px;
  margin-bottom: 12px;
  color: #fff;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
  font-family: "open sans";
}

.rsc-footer-btn-row .rsc-btn-check-out {
  color: #fff;
  background: #3C9152;
  padding: 19px 24px;
}

.rsc-credit-card-btn-cont a, .rsc-credit-card-btn-cont i,
.rsc-footer-btn-row .rsc-btn-check-out, .rsc-btn-gtg, .rsc-btn-gtg i {
  color: #fff !important;
}

.rsc-footer-btn-row .rsc-btn-gtg:last-child {
  background: #1ec265;
}

.rsc-footer-btn-row .rsc-btn-check-out:last-child {
  background: #1ec265 !important;
  padding: 19px 44px !important;
}

.rsc-save-guest-btn, .rsc-add-more-guest-btn {
  color: white !important;
  border-radius: 5px !important;
}

.rsc-save-guest-txt, .rsc-add-more-guest-txt {
  vertical-align: text-top;
}

.rsc-save-guest-btn {
  background: #1ec265 !important;
  border-color: #1ec265 !important;
}

.rsc-add-more-guest-btn {
  background: #3e73ff !important;
  border-color: #3e73ff !important;
}

.rsc-footer-btn-row .rsc-btn, .rsc-card-footer-btn-row .rsc-btn {
  border-radius: 4px;
  outline: none !important;
  border: none !important;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.9);
  color: #858585;
  font-family: "open sans";
  padding: 19px 14px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

.rsc-footer-btn-row .rsc-btn {
  text-align: center;
}

.rsc-btn {
  display: block !important;
}

.rsc-footer-btn-row .rsc-btn > i, .rsc-icon {
  font-size: 24px;
  color: #3E73FF;
}

/* Alert Bar */
.rsc-alertbar {
  width: 100%;
  padding: 15px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-family: "open sans";
}

.rcs-portlet-msg-success .rsc-alertbar {
  background: #1ec265;
  color: #fff;
}

.rcs-portlet-msg-alert .rsc-alertbar {
  background: #fffbdc;
  color: #bf7900;
  border: 1px solid #f1d875;
}

.rcs-portlet-msg-error .rsc-alertbar {
  background: #E14D4D;
  color: #fff;
}

.rsc-alertbar i {
  font-weight: 800;
  font-size: 18px;
}

/* Second Screen */
.checked-in .rsc-field-box-greeting > .rsc-field-box {
  margin-bottom: 0px;
  box-shadow: none;
  border-radius: 4px 4px 0px 0px;
}

.checked-in .rsc-field-box-room-details > .rsc-field-box.rsc-room-type {
  border-radius: 0px;
  margin: 0px;
  box-shadow: none;
  width: 100%;
}

.checked-in .rsc-field-box-room-details .rsc-room-number, .checked-in .rsc-field-box-room-details .rsc-floor-number {
  margin-right: 0px !important;
  width: 50%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: none;
}

.checked-in .rsc-field-box-room-details .rsc-room-number-without-floor {
  margin-right: 0px !important;
  width: 100%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: none;
}

.rsc-floor-number {
  border-bottom-left-radius: 0px;
}

.rsc-room-number {
  border-bottom-right-radius: 0px;
}

.rsc-shadow-box {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

/* Checked In Options */
.rsc-field-box-checked-in-options {
  flex-flow: row wrap;
  justify-content: start;
}

.checked-in .rsc-field-box-checked-in-options .rsc-field-box.rsc-mobile-keys {
  width: calc(33% - 0px) !important;
  margin-right: 0px !important;
}

.rsc-field-box-checked-in-options > div.rsc-field-box {
  width: calc(33% - 12px);
  margin-right: 12px;
  float: left;
}

.rcs-guest-list-ul {
  list-style-type: none;
}

.rsc-payment-lbl {
  margin-left: 5px;
  display: inline-block !important;
}

.rsc-field-box-payment-method .rsc-field-box > i {
  color: #3E73FF;
}

.rsc-header {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 0 0 30px;
  align-items: center;
  justify-content: space-between;
  font-family: "open sans";
}

.rsc-header .rsc-header-goBack {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rsc-room-image {
  width: 100% !important;
  height: 250px !important;
}

.rsc-room-type-description {
  font-size: 15px !important;
  letter-spacing: 0.5px;
  font-weight: 100;
  font-family: "open sans";
}

.rsc-room-type-description-cont {
  margin-top: 0;
  margin-bottom: 1rem;
}

.rsc-lbl {
  letter-spacing: 0.48px;
  color: #858585;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "open sans" !important;
}

.inner-room-details .rsc-field-box-cover, .inner-add-guests .rsc-field-box-cover,
.inner-payment-method .rsc-field-box-cover, .inner-view-bill .rsc-field-box-cover {
  display: block;
  margin-bottom: 20px;
}

.rsc-credit-card-btn-cont {
  margin-top: 30px;
}

.rsc-btn-primary {
  background-color: #3E73FF !important;
  white-space: nowrap;
}

.rsc-detail-room-type, .rsc-amenities-cont {
  margin-top: 30px;
  margin-bottom: 5px;
}

.rsc-detail-room-type {
  margin-bottom: 0.5rem;
}

.rsc-back-btn-txt, .rcs-fa-back {
  font-size: 20px !important;
}

.rsc-back-btn-txt {
  color: black;
  font-family: "open sans";
}

.rsc-room-image-cont, .rsc-room-type-and-rate-cont {
  padding-right: 15px;
}

.rsc-guest-inptxt-container {
  width: 100%;
}

.rsc-main-container .form-control, .rsc-saved-card-list .ui-grid-col-12 {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.rsc-saved-card-list .ui-grid-col-12 {
  background: #FAFAFB;
  min-height: 50px;
  margin-bottom: 5px;
  border: 2px solid #E8E8EB;
}

.rsc-saved-card-list .ui-grid-col-12 .ui-radiobutton {
  margin-top: 14px;
}

.rsc-saved-card-list .ui-icon-bullet {
  margin-left: 0px;
  margin-top: -1px;
}

.rsc-saved-card-list .ui-grid-col-12 label {
  width: 95%;
}

.rsc-guest-detail-cont label, .rsc-payment-method-field-cont label {
  margin-bottom: 0px !important;
  margin-top: 15px !important;
}

.rsc-guest-detail-cont label, .rsc-payment-method-field-cont label,
.rsc-guest-detail-cont span, .rsc-guest-detail-cont input {
  font-family: "open sans";
}

.rsc-main-container ul {
  margin: 0px !important;
}

.rsc-amenities {
  font-weight: 400;
  font-size: 12px;
  font-family: "open sans";
  padding: 4px 10px;
  border-radius: 0.25rem;
  margin-bottom: 5px !important;
  background-color: #17a2b8 !important;
  color: #fff;
  width: fit-content;
  display: inline-block;
}

.rsc-room-type-and-rate-cont .ui-grid-row {
  margin-top: 10px;
}

.rsc-hr {
  display: block;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-style: inset !important;
  border-width: 1px !important;
}

/*.rsc-credit-card-btn-cont {
    width: 48%;
    display: inline-block !important;
}*/
.rsc-mark-folio-owner-lbl {
  vertical-align: top;
  padding-bottom: 5px;
}

.rsc-mark-folio-owner-field-cont, .rsc-credit-card-btn-cont {
  text-align: left;
}

.rsc-footer-btn-row i, .rsc-card-footer-btn-row i {
  vertical-align: sub;
}

.rsc-checkin-main-cont .rsc-room-number {
  width: calc(70% - 12px);
  margin-right: 12px;
}

.rsc-checkin-main-cont .rsc-floor-number {
  width: 30%;
}

.rsc-checkin-main-cont .rsc-room-type-without-floor,
.rsc-checkin-main-cont .rsc-room-type, .rsc-checkin-main-cont .rsc-room-number-without-floor {
  width: 100%;
}

.rsc-mandatory, .rsc-card-type-lbl, .rsc-card-type-lbl,
.rsc-expiry-month-lbl, .rsc-expiry-year-lbl, .rsc-holder-name-lbl, .rsc-guest-names {
  display: inline-block !important;
}

.rsc-card-type-dropdown .ui-selectonemenu-label,
.rsc-expiry-month-dropdown .ui-selectonemenu-label,
.rsc-expiry-month-dropdown .ui-selectonemenu-label {
  margin-top: 0px !important;
}

.rsc-card-type-dropdown .ui-inputfield, .rsc-expiry-month-dropdown .ui-inputfield,
rsc-expiry-month-dropdown .ui-inputfield {
  box-shadow: none;
}

.rsc-remove-guest-lbl {
  display: inline-block;
  font-size: 15px;
  color: red !important;
  font-weight: 100;
}

.rsc-add-credit-card-icon {
  float: right;
  font-size: 20px;
  color: #3e73ff;
}

.rsc-card-remove-icon {
  font-size: 20px;
  color: red !important;
  float: right;
}

.rsc-credit-card-number-and-icon {
  margin-top: 5px;
}

.rsc-remove-li {
  margin-top: 15px;
}

.rsc-credit-card-accord-cont .ui-selectonemenu-trigger {
  margin-left: -5px;
}

.rsc-credit-card-accord-cont .ui-accordion-header {
  padding: 2px 10px !important;
  background: #fafafb !important;
  border: 2px solid #e8e8eb !important;
  border-radius: 5px;
}

.rsc-add-credit-card-accord-lbl, .rsc-credit-card-accord-cont .ui-icon-triangle-1-s {
  color: #848484 !important;
}

.rsc-accord-tab-title-hide {
  display: none !important;
}

.rsc-credit-card-accord-cont .ui-accordion-content {
  padding: 0px !important;
  overflow: hidden;
}

/* Add Guests */
.rsc-credit-detail-card-cont > .form-control {
  background: #eee !important;
}

.rsc-add-credit-card-btn {
  color: #454545 !important;
  text-transform: capitalize;
}

.rsc-add-credit-card-btn:hover {
  text-decoration: none !important;
}

.rsc-credit-detail-card-cont > .form-control:hover {
  border-color: #aaa !important;
}

.rsc-add-guest-detail-main-cont .rsc-footer {
  padding: 0;
}

.inner-add-guests .rsc-shadow-box {
  box-shadow: none !important;
}

.rooms-cc-openedge-iframe {
  height: 350px;
  width: 100%;
  padding-top: 10px;
}

/*Rooms View Bill*/
.rsc-view-bill-lbls, .rsc-pay-bill-lbls {
  letter-spacing: 0px !important;
  color: #000000 !important;
  font-weight: 700 !important;
  align-items: center !important;
  justify-content: space-between;
  justify-content: flex-start !important;
  align-items: center !important;
  text-transform: uppercase !important;
  font-family: "open sans" !important;
}

.rsc-view-bill-detail-lbl {
  margin-top: 1.5rem !important;
}

.rsc-view-bill-header, .rsc-pay-bill-header {
  display: flex;
}

.rsc-view-bill-lbl, .rsc-view-bill-detail-lbl, .rsc-owner-name-lbl,
.rsc-pay-bill-heading {
  font-size: 18px !important;
}

.rsc-view-bill-detail-val {
  font-size: 12px !important;
  margin-bottom: 15px !important;
  line-height: normal !important;
  margin-top: 5px;
}

.rsc-expand-all-btn, .rsc-expand-all-one-member-btn,
.rsc-owner-total-lbl, .rsc-expand-btn, .rsc-expand-btn-cont,
.rsc-charges-val, .rsc-total-val {
  float: right;
}

.rsc-charges-val, .rsc-charges-lbl {
  font-size: 12px !important;
  letter-spacing: 0.48px;
  line-height: 15px !important;
  font-family: "open sans";
}

.rsc-charges-lbl, .rsc-expand-btn, .rsc-expand-btn-cont {
  display: inline-block !important;
}

.rcs-fa-chevron-up-down-cont {
  background: #cecece;
  transition: all 0.3s ease;
  border-radius: 4px;
  padding: 5px;
  height: 22px;
  margin-left: 5px;
  color: #000 !important;
}

.rcs-view-charges-cont, .rcs-view-charges-cont .ui-panel-content {
  padding: 0px !important;
  background: #E8E8EB !important;
  border-radius: 4px;
}

.rcs-view-charges-cont .ui-panel-titlebar, .rsc-vill-bill-cont .ui-panel-titlebar {
  background: no-repeat;
  border: none;
  padding: 0px;
}

.rcs-view-charges-main-cont {
  padding: 5px 5px 0px 5px !important;
  background: #E8E8EB !important;
  border-radius: 4px;
  margin-bottom: 1.5rem !important;
}

.rcs-view-charges-cont .ui-panel-titlebar-icon, .rsc-vill-bill-cont .ui-panel-titlebar-icon {
  display: none;
}

.rcs-view-charges-detail-main-cont .ui-outputlabel {
  padding: 0px 0 !important;
}

.rsc-pay-bill-lbl {
  letter-spacing: 0.48px;
  color: #858585;
  font-size: 12px !important;
  margin-top: 20px;
}

.rsc-use-deposit, .rsc-share-deposit {
  display: inline-block;
}

.rsc-share-deposit-lbl, .rsc-use-deposit-lbl {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.rsc-use-deposit-cont {
  margin-top: 20px;
  margin-bottom: 30px;
}

.rsc-inner-screens-main-heading {
  justify-content: flex-start !important;
  align-items: center !important;
  font-size: 16px !important;
  text-transform: uppercase;
  font-family: "open sans";
  font-weight: 800 !important;
  display: inline-block;
  vertical-align: super;
  margin-left: 5px;
}

.rsc-inner-sub-heading {
  font-size: 18px;
  font-weight: 700;
  font-family: "open sans";
}

.rsc-room-type-and-rate-cont {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  font-family: "open sans";
}

.rsc-body input.ui-state-disabled {
  opacity: 30 !important;
  filter: Alpha(Opacity=35);
  cursor: no-drop !important;
  color: black !important;
}

.rsc-body .ui-selectonemenu {
  margin-left: 0px;
}

.rcs-credit-card {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid #dee2e6 !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  min-height: 130px;
}

.rcs-credit-card .card-key {
  font-size: 10px;
  text-transform: uppercase;
}

.rcs-credit-card .card-value {
  font-size: 13px;
  font-weight: bold;
  color: #101110;
}

.rcs-credit-card .label-active {
  background-color: #55C76C !important;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #101110;
}

.rcs-credit-card.amex-card-border {
  border: 2px solid #1B6DB3 !important;
}

.rcs-credit-card.discover-card-border {
  border: 2px solid #F76300 !important;
}

.rcs-credit-card.master-card-border {
  border: 2px solid #E4001A !important;
}

.rcs-credit-card.visa-card-border {
  border: 2px solid #002181 !important;
}

.rcs-credit-card.diners-card-border {
  border: 2px solid #084E94 !important;
}

.rsc-card-number-cont {
  margin: 20px 0px 20px 0px;
}

.rsc-selected-credit-card .rcs-credit-card {
  background: lightgreen;
}

.rsc-saved-cards-cont .ui-carousel-dropdown, .rsc-saved-cards-cont .ui-carousel-mobiledropdown {
  display: none !important;
}

.rsc-saved-cards-cont .ui-carousel-header-title {
  width: 80% !important;
}

.rsc-saved-cards-cont .ui-carousel-header {
  padding: 5px;
}

.rsc-saved-cards-heading {
  font-family: "open sans";
}

.rsc-saved-cards-cont .ui-carousel-header {
  background: white !important;
}

.rsc-credit-card, .rsc-email, .rsc-phone {
  display: inline-block !important;
}

.rooms-heading-title {
  font-size: 24px;
  font-weight: bold;
}

.rsc-vendor-cont {
  margin-top: 5px;
}

.rsc-saved-card-list label {
  vertical-align: text-bottom;
  font-size: 20px;
}

.rooms-cc-openedge-iframe {
  height: 350px;
  width: 100%;
  padding-top: 10px;
}

.rsc-validation-error-msg {
  margin-top: 0px !important;
  color: red !important;
  font-size: 16px !important;
}

.details-field-ul input[disabled] {
  cursor: not-allowed;
  background-color: #eee !important;
}

.rsc-selected-guest {
  height: 45px !important;
  border: 2px solid #1ec265 !important;
  padding: 0rem 0.3rem 0rem 0rem;
}

.rsc-frontdesk-number-popup {
  width: 30% !important;
  height: 20% !important;
  left: 35% !important;
  overflow-y: hidden !important;
}

.rsc-remove-guest-btn-cont {
  text-align: right;
}

.rsc-remove-erase-btn {
  color: red !important;
  font-size: 15px !important;
}

.rsc-guest-member-action-cont {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  padding: 0px;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 2;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.rsc-guest-member-name-cont {
  display: block !important;
  width: 100% !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 2;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.rsc-member-inptxt, .rsc-guest-inptxt {
  border: none !important;
  width: 100% !important;
  font-size: 1rem !important;
}

.rsc-selected-guest {
  border: 2px solid #1ec265 !important;
}

.rsc-selected-member {
  border: 2px solid rebeccapurple !important;
}

.rsc-selected-member, .rsc-selected-guest {
  height: 41px !important;
  padding: 0px;
}

.rsc-select-member-btn, .rsc-select-guest-btn {
  width: 100%;
  padding: 5px 4px !important;
  color: white !important;
  border-radius: 3px !important;
}

.rsc-select-guest-btn {
  background: #1ec265 !important;
  border-color: #1ec265 !important;
}

.rsc-select-member-btn {
  background: rebeccapurple !important;
  border-color: rebeccapurple !important;
}

.rsc-select-type-lbl, .rsc-guest-inptxt-container .ui-autocomplete-input {
  font-size: 15px !important;
  color: #8d8d8d !important;
}

.rsc-select-type-lbl {
  padding: 8px;
}

.rsc-member-inptxt, .rsc-guest-inptxt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.rsc-guest-detail-cont ul {
  display: block;
  list-style-type: none !important;
  margin-block-start: 0px !important;
  margin-block-end: 0px !important;
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
  padding-inline-start: 0px !important;
}

.rsc-member-inptxt {
  margin-bottom: 0px !important;
}

.rsc-selected-member-guest-input-main-cont input[type=text] {
  border: none !important;
  line-height: 20px !important;
  padding: 4px 6px !important;
  margin-bottom: 0px !important;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch .ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%;
  background: #ffffff;
  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  margin-top: -0.625rem;
  border-radius: 50%;
  transition: transform 0.2s;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 1.75rem;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch {
  width: 3.5em;
  height: 1.75em;
}

.rsc-make-folio-switch {
  display: grid !important;
}

.rsc-mark-folio-owner-main-cont, .rsc-remove-guest-btn-cont {
  display: inline-block;
  float: left !important;
}

.rsc-mark-folio-owner-main-cont {
  width: 40% !important;
}

.rsc-remove-guest-btn-cont {
  width: 60% !important;
}

@media screen and (min-width: 768px) {
  .rsc-main-container {
    justify-content: flex-start;
    max-width: 1170px;
    margin: auto;
    background: none !important;
    padding: 335px 12vw 0;
    box-sizing: border-box;
  }

  .rsc-main-container:before {
    background: url(../images/rooms/banner.jpg?pfdrid_c=true);
    top: 50px;
    height: 410px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .hidden-desktop {
    display: none !important;
  }

  .rsc-field-box {
    padding: 16px 15px !important;
    background: rgba(255, 255, 255, 0.95);
  }

  .rsc-field-box-date-time > div {
    width: 24% !important;
  }

  .rsc-footer {
    flex-direction: column-reverse;
  }

  .rsc-footer-btn-row {
    margin-bottom: 12px !important;
  }

  .rsc-footer-btn-row .rsc-btn-all {
    width: 24%;
  }

  .rsc-footer-btn-row .rsc-btn-3 {
    width: 33%;
  }

  .rsc-footer-btn-row .rsc-btn-2 {
    width: 50%;
  }

  /*.checked-in .rsc-footer-btn-row .rsc-btn {
  	width: 33%; enabled once check-out feature is available
  }*/
  .checked-in .rsc-footer-btn-row .rsc-btn {
    width: 50%;
  }

  .rsc-footer-btn-row .rsc-btn span {
    display: inline !important;
  }

  .rsc-footer-timer {
    color: #DF5959 !important;
  }

  .rsc-main-container.checked-in .rsc-field-box-room-details {
    margin-bottom: 12px;
  }

  .rsc-field-box-checked-in-options > div.rsc-field-box {
    width: calc(25% - 10px);
    margin-right: 10px;
  }

  .rsc-field-box-checked-in-options > div.rsc-view-bill {
    width: 25%;
    margin-right: 0px;
  }

  .rsc-checkin-main-cont .rsc-room-type {
    width: 50%;
  }

  .rsc-checkin-main-cont .rsc-room-type-without-floor {
    width: 50%;
  }

  .rsc-checkin-main-cont .rsc-room-number-without-floor {
    width: calc(50% - 12px);
    margin-right: 12px;
  }

  .rsc-checkin-main-cont .rsc-room-number, .rsc-checkin-main-cont .rsc-floor-number {
    width: calc(25% - 12px);
    margin-right: 12px;
  }
}
@media screen and (max-width: 640px) and (min-width: 1px) {
  .rsc-saved-card-list .ui-grid-col-12 label {
    width: 92% !important;
  }

  .rsc-saved-cards-cont .ui-icon-circle-triangle-e, .rsc-saved-cards-cont .ui-icon-circle-triangle-s {
    position: relative;
    top: 0px !important;
  }

  .rsc-saved-card-list label {
    font-size: 15px !important;
  }

  .rsc-footer {
    position: sticky;
    bottom: 0;
  }

  .rsc-header {
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .rsc-select-member-btn, .rsc-select-guest-btn {
    margin-top: 2px !important;
  }
}
@media screen and (max-width: 800px) and (min-width: 1px) {
  .rsc-pay-credit-card-detail-inner {
    width: 100%;
  }

  .rsc-selected-guest, .rsc-selected-member {
    height: 45px !important;
    padding: 0rem 0rem 0rem 0rem !important;
  }

  .rsc-selected-guest .ui-grid-col-10, .rsc-selected-member .ui-grid-col-10 {
    width: 68% !important;
    display: inline-block !important;
    float: left;
  }

  .rsc-selected-guest .ui-grid-col-2, .rsc-selected-member .ui-grid-col-2 {
    width: 32% !important;
    display: inline-block !important;
  }

  .rsc-guest-member-action-cont {
    height: 50px !important;
  }

  .rsc-select-type-cont {
    display: none !important;
  }

  .rsc-select-guest-type-cont, .rsc-select-member-type-cont {
    width: 50% !important;
    float: left !important;
    display: inline-block !important;
  }

  .rsc-frontdesk-number-popup {
    width: 70% !important;
    height: 15% !important;
    left: 15% !important;
    overflow-y: hidden !important;
  }

  .rsc-save-guest-btn .rsc-save-guest-icon, .rsc-add-more-guest-btn .rsc-add-more-guest-icon {
    display: none !important;
  }

  .rsc-member-inptxt, .rsc-guest-inptxt {
    margin-top: 3px !important;
  }

  .rsc-mark-folio-owner-field-cont .ui-toggleswitch {
    width: 3.2em !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .rsc-field-box > label > i {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .rsc-footer {
    position: sticky;
    bottom: 0;
  }

  .rsc-header {
    position: sticky;
    top: 0;
    z-index: 999;
  }
}
.guest-remove-btn {
  padding-bottom: 10px;
}

.guest-instruction {
  margin-bottom: 20px;
}

.guest-captcha-refresh {
  color: red;
  font-size: 1.5em;
}

.guest-captcha {
  color: black;
  border: 2px solid;
  border-color: yellow;
  background-color: burlywood;
  margin-right: 5px;
  font-size: 18px;
  font-weight: 900;
  padding-left: 25px;
  padding-right: 25px;
}

a.guest-forgot-password-link.forgot-password-link {
  vertical-align: middle !important;
  padding: 4px 12px !important;
  margin-left: 5px !important;
}

.text-verification-code {
  margin-top: 8px !important;
}

.guest-reg-minimum-age {
  margin-bottom: 10px !important;
}

@media (min-width: 641px) {
  .guest-fluid .ui-inputfield {
    width: 100% !important;
  }
}
@media (min-width: 641px) and (max-width: 980px) {
  .guest-grid .guest-col {
    width: 37%;
  }

  .guest-fluid .ui-inputfield, .guest-fluid .ui-selectonemenu {
    width: 95% !important;
  }
}
@media (max-width: 640px) {
  .guest-grid .ui-inputfield {
    width: 100%;
  }

  .guest-fluid .ui-grid-row {
    border-top: 0px !important;
  }
}
.gr-input-field {
  width: 80% !important;
  padding: 10px !important;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
}

.gr-signup-labels {
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}

.gr-signin-labels {
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}

.gr-select-box .ui-inputfield {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.gr-buttons-panel {
  margin-top: 5% !important;
}

.gr-sign-up-button {
  padding: 10px !important;
  border-radius: 5px !important;
  color: white !important;
  background: #009ae5 !important;
  width: 90% !important;
}

.gr-clear-form {
  color: black !important;
  padding: 5%;
  font-size: 14px !important;
  font-weight: bold !important;
}

.gr-clear-form-row {
  margin-top: 2.5%;
}

.gr-sign-in-button {
  padding: 10px !important;
  border-radius: 5px !important;
  color: white !important;
  background: #00cc00 !important;
  width: 90% !important;
}

@media (min-width: 1450px) {
  .guest-registration-panel {
    width: 60%;
    margin-left: 20% !important;
  }

  .gr-sign-in-button {
    margin-left: 23%;
    margin-top: 5%;
  }

  .gr-forgot-password {
    margin-top: 5%;
  }
}
.gr-sign-up-button {
  margin-left: 15%;
}

.gr-default-sigin-buttons-panel {
  margin-left: 10% !important;
}

.gr-sign-up-panel {
  padding: 10px;
  background: white;
  border-color: whitesmoke !important;
  border-width: 3px !important;
  border-style: solid !important;
  margin-top: 2%;
}

.gr-default-sign-in-panel {
  padding: 10px;
  background: whitesmoke;
  margin-top: 2%;
  margin-left: 5%;
}

.gr-default-signin-input-field {
  width: 85% !important;
  padding: 10px !important;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
}

.gr-reservation-detail-cont .ui-grid-col-6 {
  padding: 10px;
}

.gr-combo-cont {
  padding: 10px 0px 10px 0px;
}

@media (max-width: 1450px) and (min-width: 1px) {
  .gr-sign-in-button {
    margin-left: 5%;
  }

  .gr-sign-up-button {
    margin-left: 5%;
  }

  .gr-default-signin-input-field {
    width: 100% !important;
    padding: 10px !important;
  }
}
.shop-items {
  margin-left: 15px;
}

.shop-all {
  display: none;
}

.shop-menu-item {
  margin-left: 6px;
}

.shop-image {
  height: 110px !important;
  object-fit: contain;
}

.shop-grid-col-2 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.shop-cart {
  font-size: 8em;
  display: block;
}

.col-shop-left {
  text-align: left;
}

.col-shop-right {
  text-align: left;
}

.shop-quantity-input {
  width: 35px !important;
}

.shop-item-grid .ui-slider-horizontal {
  width: 150px;
}

.cart-image {
  width: 70px;
  height: 70px !important;
  padding: 0.25em;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  object-fit: contain;
}

.shop-cart-table .col-shop-cart-left {
  text-align: left !important;
}

.shop-well-add {
  display: block;
}

.shop-well {
  margin-top: 10px;
  margin-bottom: 10px !important;
}

.shop-percent {
  font-weight: 800 !important;
  color: orangered !important;
}

.shop-cart-items-temp {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px;
  margin-bottom: 10px;
}

.shop-sold {
  background-color: coral;
  padding: 5px;
  color: white;
  font-weight: bold;
}

.shop-order-msg {
  text-align: left !important;
  float: left;
  font-size: smaller;
  margin-top: 5px;
  color: cadetblue;
}

span.shop-search {
  float: right;
}

.shop-row .shop-search-input {
  max-width: 83%;
  height: 40px !important;
}

.shop-search-button {
  padding: 16px 5% 10px 5%;
  color: white !important;
  background-color: coral;
}

.shop-order-image {
  height: 60px !important;
  object-fit: contain;
}

table.shop-order-grid {
  width: 100%;
}

td.shop-order-im-col {
  width: 25%;
}

td.shop-order-detail {
  text-align: left;
  padding-left: 5px;
}

.shop-del-button {
  float: right;
}

.shop-del-icon {
  font-size: 27px;
  color: red;
}

.shop-boolean-button {
  width: 60px !important;
}

.shop-panel label.portlet-msg-error {
  display: block !important;
}

.shop-box {
  border: 1px solid #bcc2a7;
  width: 100%;
  height: 175px;
  text-align: center;
}

.shop-carousel .ui-carousel-mobiledropdown {
  width: 70px;
}

.shop-expand {
  font-size: larger;
  margin-left: 8px;
}

.shop-box-grid {
  border: 1px solid #eee;
  text-align: center;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fafafa), color-stop(0.2, #fdfdfd), color-stop(0.6, #fff));
  margin-bottom: 8px;
}

.shop-box-items-grid {
  min-height: 330px !important;
  padding: 6px;
  width: 94%;
}

.shop-box-rel-items-grid {
  min-height: 330px !important;
  width: 100%;
}

.shop-box-feat-items-grid {
  min-height: 271px !important;
  width: 100%;
}

.shop-order-box {
  min-height: 310px !important;
}

.shop-box-image {
  height: 175px !important;
  object-fit: contain;
}

.product-image {
  height: 400px !important;
  width: 300px;
  margin-bottom: 10px;
  object-fit: contain;
}

.product-sub-image {
  height: 95px !important;
  border: 3px solid lightgoldenrodyellow !important;
  width: 65px;
  margin-bottom: 5px;
  object-fit: contain;
}

.limited-stock {
  color: burlywood;
  font-weight: bold;
  font-size: large;
}

.product-item-description {
  font-family: monospace;
  color: blue;
  font-weight: bold;
  font-size: x-large;
}

.shop-carousel-items .ui-carousel-dropdown {
  display: none;
}

.shop-carousel-items a {
  color: navy;
  text-decoration: none !important;
}

.shop-delivery-comments {
  width: -webkit-fill-available !important;
}

.ups-image {
  height: 50px !important;
}

.shop-no-product {
  display: block;
}

.shop-spinner-image, .shop-spinner-accordion {
  width: 80px !important;
}

.aui .shop-spinner-image.ui-spinner .ui-spinner-input, .aui .shop-spinner-accordion.ui-spinner .ui-spinner-input {
  width: 80px !important;
}

img.shop-dialog-image {
  max-width: 100% !important;
  max-height: 100% !important;
}

body .eCommerce-portlet .ui-menu .ui-menu-list .ui-widget-header {
  padding: 0 !important;
}

.eCommerce-portlet table.grid.product-grid .ui-selectonemenu {
  min-width: 100% !important;
}
.eCommerce-portlet .ui-carousel-viewport {
  border: none !important;
}
.eCommerce-portlet .shop-carousel-items .ui-widget-header {
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  margin: 0 1px !important;
  overflow: hidden !important;
  padding-top: 7px !important;
  padding-bottom: 8px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  border: 1px solid #a8a8a8 !important;
  color: #333 !important;
  font-weight: bold !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}
.eCommerce-portlet .shop-row .ui-menu-list h3 {
  padding-left: 10px !important;
}

@media (max-width: 767px) {
  .shop-search-row input {
    width: auto !important;
  }
}
@media (min-width: 980px) {
  .ui-fluid .shop-search-input {
    max-width: 83% !important;
    height: 40px !important;
    vertical-align: middle !important;
  }
}
@media (min-width: 641px) and (max-width: 980px) {
  .shop-fluid .ui-inputfield, .shop-fluid .ui-selectonemenu {
    width: 95%;
  }
}
@media (max-width: 640px) {
  .shop-fluid .ui-grid-row {
    border-top: 0px !important;
  }

  .shop-cart-table td .ui-column-title {
    min-width: 0 !important;
    float: left;
    padding-left: 10px !important;
  }

  .col-cart-name {
    text-align: right;
    padding-right: 4px;
  }

  .shop-cart-table td .col-cart-right {
    text-align: right;
    float: right;
    padding-right: 4px;
  }

  .col-cart-del-image {
    display: none !important;
  }

  span.col-cart-name {
    float: right;
  }

  .scn-item-image {
    display: none;
  }

  .scn-icon-desktop {
    display: none;
  }

  .scn-bar {
    z-index: 1000;
    opacity: 0.9;
    width: 90%;
    left: 0%;
  }

  .scn-bar .ui-grid-row {
    background-color: #fee5e2;
  }

  .shop-search-row .shop-search-input {
    width: 83%;
    height: 39px !important;
  }

  .shop-your-order {
    font-size: large;
    font-weight: bold;
  }
}
@media (min-width: 641px) {
  .col-cart-delete {
    display: none !important;
  }

  .shop-grid-col-3 {
    /* 		position: fixed; */
    right: 2%;
    top: 43%;
  }

  .scn-item-image {
    width: 70px;
    height: 70px !important;
    padding: 0.25em;
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
    object-fit: contain;
  }

  .scn-bar {
    z-index: 1000;
    opacity: 0.9;
    width: 70%;
    left: 15%;
  }

  .scn-bar .ui-grid-row {
    background-color: #fee5e2;
  }

  .scn-icon-phone {
    display: none;
  }

  .shop-search-row .shop-search-input {
    width: 65%;
    height: 40px !important;
  }

  .guest-fluid .csxtm-spinner .ui-inputfield {
    width: 55px !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 1025px) {
  .shop-desc-dialog {
    width: 30% !important;
    left: 35% !important;
  }
}
@media (max-width: 1024px) and (min-width: 741px) {
  .shop-desc-dialog {
    width: 40% !important;
    left: 30% !important;
  }
}
@media (min-width: 641px) and (max-width: 740px) {
  .shop-desc-dialog {
    overflow-y: hidden;
  }
}
@media (min-width: 641px) and (max-width: 1079px) {
  .shop-item-grid [class*=ui-grid-col-] {
    width: 100%;
  }

  .shop-product-add-cart-button {
    margin-left: 10px;
  }
}
@media (min-width: 641px) and (max-width: 800px) {
  .shop-ship-button-row .ui-grid-col-2 {
    width: 20%;
  }
}
/*  MT#0233498: E-Commerce: Grocery Items */
.grocery-2go {
  background: white;
  font-family: Open Sans;
  position: relative;
}

.grocery-2go .g2g-header {
  padding: 10px;
  background: #071F36;
  height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.grocery-2go .g2g-header a {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
}

.grocery-2go .g2g-header h2 {
  font-weight: Bold;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0px;
}

.grocery-2go .g2g-body table {
  width: 100%;
  border-collapse: separate;
}

.grocery-2go .g2g-body table > thead > tr > th {
  background: #071f36;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.grocery-2go .g2g-body table > thead > tr > th.g2g-column-qty {
  width: 100px;
}

.grocery-2go .g2g-body table > tbody > tr {
  background: #F3F4F5 !important;
}

.grocery-2go .g2g-body table > tbody > tr > td {
  border: 1px solid white !important;
  font-size: 12px !important;
  padding: 5px;
  line-height: normal;
  vertical-align: top;
}

.csxtm-spinner {
  display: inline-flex;
  height: 31px;
  border-radius: 5px;
  align-items: center;
}

.csxtm-spinner > a, .csxtm-spinner > span {
  background: #071f36;
  color: #fff;
  width: 31px;
  text-align: center;
  text-decoration: none !important;
  height: 31px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

.csxtm-spinner > label {
  margin: 0px;
  background: white;
  width: 31px;
  text-align: center;
  height: 31px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.csxtm-spinner > a:first-child, .csxtm-spinner > span:first-child {
  border-radius: 5px 0 0 5px !important;
}

.csxtm-spinner > a:last-child, .csxtm-spinner > span:last-child {
  border-radius: 0px 5px 5px 0px !important;
}

.grocery-2go .g2g-footer {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  position: sticky;
  z-index: 100;
  background: white;
  border-top: 2px solid #071f36;
}

.grocery-2go .g2g-footer .g2g-footer-bottom-bar {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 10px 0px;
}

.grocery-2go .g2g-footer .g2g-footer-notification {
  text-align: center;
  background: #071F36;
  color: #fff;
  padding: 5px;
  font-size: 12px;
}

.grocery-2go .g2g-footer .g2g-footer-notification .g2g-number-of-items {
  font-weight: 800;
}

.grocery-2go .g2g-footer .g2g-grand-total {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  letter-spacing: 0.5px;
  font-size: 10px;
  text-transform: uppercase;
}

.grocery-2go .g2g-footer .g2g-grand-total span.g2g-grand-total-ammount {
  font-weight: 800;
  font-size: 20px;
  display: block;
}

.grocery-2go .g2g-proceed, .grocery-2go .g2g-delivery-option {
  width: 196px;
  height: auto;
  color: #fff;
  background: #071f36;
  padding: 10px 10px;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none !important;
}

.grocery-2go a.g2g-reset {
  margin-bottom: 5px;
}

/* Boxed Up */
.g2g-body-wrapper {
  margin-bottom: 25px;
}

table.g2g-boxed-up td {
  font-weight: 600;
}

label.g2g-bu-label {
  display: block;
  text-transform: uppercase;
  font-size: 8px !important;
  letter-spacing: 0.5px;
  line-height: normal;
  margin-bottom: 0;
  white-space: nowrap;
}

.g2g-item-boxed {
  border: 2px solid #dddddd;
  border-radius: 5px;
  margin: 5px 0px;
}

.g2g-item-boxed > table td {
  border-width: 2px !important;
}

.g2g-item-boxed > table {
  margin: 0px !important;
  border-collapse: collapse !important;
}

td.g2g-bu-total span {
  font-weight: 800;
  font-size: 16px;
  text-align: right !important;
  display: block;
}

td.g2g-bu-itemqty {
  text-align: center;
}

td.g2g-bu-total label {
  margin: 0px;
}

@media screen and (min-width: 768px) {
  .grocery-2go {
    margin: auto;
  }

  .grocery-2go .g2g-body .g2g-item-boxed table > tbody > tr {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    width: 50%;
    float: left;
  }

  .grocery-2go .g2g-body .g2g-item-boxed table > tbody > tr > td {
    width: 100%;
    display: inline-flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    min-height: 45px;
  }

  .grocery-2go .g2g-body .g2g-item-boxed table > tbody > tr > td.g2g-bu-itemqty {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 175px;
    text-align: center;
  }
}
.g2g-items table thead {
  display: none !important;
}

.g2g-column-item {
  width: 50%;
  text-align: left !important;
}

table:not(.lfr-search-iterator-fixed-header-table) .g2g-column-item {
  text-align: left !important;
}

.g2g-column-qty {
  width: 30%;
  text-align: center !important;
}

.g2g-column-price {
  width: 20%;
  text-align: right !important;
}

table:not(.lfr-search-iterator-fixed-header-table) .g2g-column-price {
  text-align: right !important;
}

.g2g-category-items .ui-widget-header {
  color: #fff !important;
  background: #071F36 !important;
}

.csxtm-spinner input {
  margin: 0px !important;
  width: 55px !important;
  text-align: center !important;
  height: 31px !important;
}

.g2g-min-max-qty-lbl {
  margin: 5px auto auto !important;
}

.g2g-invalid-qty input {
  border: 1px solid #cd0a0a !important;
}

.g2g-invalid-qty input, .g2g-invalid-qty label, .g2g-invalid-qty div {
  color: #cd0a0a !important;
}

.g2g-sold-lbl {
  background-color: #f1331e !important;
  color: #fff !important;
  padding: 8px 10px !important;
}

td.g2g-bu-delete {
  width: 25px !important;
  text-align: center;
  vertical-align: middle !important;
}

td.g2g-bu-delete a {
  width: 100%;
  display: block;
  padding: 10px 0;
  text-align: center;
}

td.g2g-bu-delete .shop-del-icon {
  font-size: 18px !important;
}

.csxtm-spinner input[type=text]:not(.form-control) {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 550px) {
  .csxtm-spinner input {
    width: 31px !important;
  }

  .g2g-column-qty {
    width: 35%;
  }
}
/*  MT#0233498: E-Commerce: Grocery Items */
/* MT#0272736: Category panel */
.shop-selected-sub-category {
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
}

.shop-breadcrumb-cont .ui-state-disabled {
  color: #676767 !important;
  opacity: 1 !important;
}

.shop-divider {
  padding: 0 5px;
}

.shop-breadcrumb-cont {
  border-bottom: 1px solid;
  margin: 5px 0px 15px 5px;
  border-bottom: 1px solid;
}

.shop-breadcrumb-link, .shop-divider {
  font-size: 16px !important;
}

.shop-all-category {
  width: 101% !important;
}

/* MT#0272736: Category panel */
.ach-create-btn {
  margin-bottom: 5px;
}

.ach-list-col-status {
  text-align: center !important;
}

.ach-list-col-activiation-date {
  text-align: center !important;
}

iframe.cc-ezidebit-iframe {
  width: 100% !important;
  min-height: 400px !important;
}

.table:not(.lfr-search-iterator-fixed-header-table) td.update-ach-status {
  text-align: center !important;
}

@media (max-width: 767px) {
  .ach-create-btn, .update-ach-status-btn {
    width: 100% !important;
  }
}
.rc-label {
  margin-left: 3px;
}

.rc-min-label {
  margin-top: 15px;
}

.rc-tree {
  margin-left: -19px;
}

.ui-panel-title {
  text-shadow: none;
}

.rc-datatable th {
  display: none;
}

.rc-tree .ui-tree-container {
  overflow: visible !important;
}

.ui-panel.ui-widget {
  margin-top: 5px !important;
}

.ui-datatable {
  margin-top: 5px !important;
}

.RecentCharges-portlet .ui-datatable tbody td {
  border-width: 1px !important;
}
.RecentCharges-portlet .rc-combo {
  min-width: 200px !important;
}

.chit-heading {
  font-size: 20px !important;
  line-height: 25px !important;
}

.msi-label {
  margin-top: 15px;
}

.menu-item-detail-name {
  margin-left: 10px;
  color: blue;
}

.menu-item-detail-amount {
  color: blue;
}

.print-chit .table-bordered {
  border: 1px solid #ddd !important;
  border-collapse: separate !important;
}
.print-chit .table-bordered td {
  border-left: 1px solid #999 !important;
}
.print-chit .table td {
  border-top: 1px solid #999 !important;
}

.chit-dialog table.table.table-striped.table-bordered {
  border: 1px solid #ddd !important;
  border-collapse: separate !important;
}
.chit-dialog .table-bordered td {
  border-left: 1px dotted #999 !important;
}
.chit-dialog .table td {
  border-top: 1px dotted #999 !important;
}

.stmt-info-button {
  position: inherit !important;
  margin-bottom: 5px !important;
}

.stmt-previous-button, .stmt-next-button, .stmt-print-button, .stmt-pmnt-btn {
  margin-bottom: 5px !important;
}

.stmt-well {
  word-wrap: break-word;
}

.stmt-message {
  color: red;
  font-weight: bold;
}

/* Button */
.stmt-print-button {
  background-color: #113662 !important;
  background-image: none !important;
  color: #fff !important;
  text-shadow: none !important;
  border: 0px !important;
}

.stmt-print-button:hover {
  background-color: black !important;
}

/* My Modification */
.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
  padding: 0px !important;
}

.ui-column-title {
  text-shadow: none !important;
}

.ui-selectonemenu-items .ui-state-hover {
  border: 0px !important;
  background-image: none !important;
  background-color: #113662 !important;
  color: #fff !important;
  border-radius: 0px !important;
}

.ui-selectonemenu-items .ui-state-highlight {
  border: 0px !important;
  background-image: none !important;
  background-color: #113662 !important;
  color: #fff !important;
  border-radius: 0px !important;
}

.ui-state-hover {
  -webkit-box-shadow: inset 0 0px 0px #8f8f8f !important;
  box-shadow: inset 0 0px 0px #8f8f8f !important;
}

.ui-selectonemenu-items-wrapper .ui-widget {
  font-size: 13px !important;
}

.label-long-recent-acti {
  background-color: #113662;
  padding: 10px;
  text-shadow: none;
}

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

.aui .table thead th {
  background-color: #000 !important;
  color: #fff;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  background-image: none !important;
}

.aui .table thead th {
  font-size: 13px !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: 1px dotted #999999 !important;
}

/* .aui .table td { */
/*     background-color: #f1f1f3 !important; */
/* } */
/* End */
/* Chits Styles */
.ui-widget-content {
  border: 0px !important;
  background: #fff !important;
  color: #555;
}

.chit-times {
  color: #fff;
}

.chit-print {
  color: #fff !important;
}

.fa-file-text-o {
  font-size: 12px;
}

.fa-print {
  color: #fff;
}

.fa-print-dialog {
  color: #113662;
}

.StatementSummary-portlet .ui-datatable tbody td {
  border-width: 1px !important;
}
.StatementSummary-portlet .label {
  background-color: #999;
}
.StatementSummary-portlet .combo.stmt-combo {
  margin-top: 5px !important;
}
.StatementSummary-portlet .ui-selectoneradio {
  margin-top: 10px !important;
}
.StatementSummary-portlet .ss-sales-tax-radio {
  margin-top: 5px !important;
  margin-left: 10px !important;
}
.StatementSummary-portlet .ss-sales-tax-radio .ui-radiobutton {
  margin-bottom: 5px !important;
  vertical-align: top !important;
}
.StatementSummary-portlet .ss-statement-navigate {
  margin-top: 5px !important;
}

/* End */
.statement-email {
  margin-bottom: 3px;
  display: table-caption;
}

@media (max-width: 740px) and (min-width: 641px) {
  .credit-book-box {
    height: 320px;
  }
}
.cbp-reset {
  width: 30px !important;
  margin-bottom: 6px !important;
  margin-left: 5px !important;
}

.credit-book-box td {
  width: 50%;
}

.credit-book-detail {
  float: right;
}

.CreditBook-portlet .ui-datatable tbody td {
  border-width: 1px !important;
}
.CreditBook-portlet .chit-close-button {
  margin-left: 2.5641%;
}
.CreditBook-portlet .credit-book-box.table thead th a:hover {
  color: #007ad9 !important;
}
@media (max-width: 767px) {
  .CreditBook-portlet .cbp-reset {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

.ts-input-text.ui-inputfield.ui-inputtext {
  width: 90%;
  margin-left: 5%;
}

.ts-head-datatable {
  margin-top: 5px;
}

.transactionSummary-portlet .ui-datatable tbody td {
  border-width: 1px !important;
}
.transactionSummary-portlet .label {
  background-color: #999;
}
.transactionSummary-portlet .mr-datatable thead {
  display: none;
}
.transactionSummary-portlet .ui-datatable thead th, .transactionSummary-portlet .ui-datatable tbody td, .transactionSummary-portlet .ui-datatable tfoot td, .transactionSummary-portlet .ui-datatable tfoot th {
  border-width: 1px !important;
}
.transactionSummary-portlet .ui-datatable-data .ui-selectbooleancheckbox, .transactionSummary-portlet .ts-head-datatable .ui-selectbooleancheckbox {
  margin-bottom: 0 !important;
}
.transactionSummary-portlet .ui-datatable-header.ui-widget-header.ui-corner-top .ui-selectbooleancheckbox {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.transactionSummary-portlet .ui-datatable-data .ts-input-text {
  margin-bottom: 0 !important;
}

.trans-col-date {
  width: 15%;
}

.trans-col-trans-no {
  width: 15%;
}

.trans-col-location {
  width: 20%;
}

.trans-col-desc {
  width: 35%;
}

.trans-col-amount {
  width: 15%;
  text-align: right !important;
}

.table td.trans-col-amount {
  text-align: right !important;
}

.trans-total {
  font-weight: bold;
  font-size: 18px;
}

.trans-label {
  margin-bottom: 5px;
}

.trans-lbl-fromdate {
  font-weight: bold;
}

.trans-lbl-todate {
  font-weight: bold;
}

.from-date, .to-date {
  display: inline-block !important;
}

.MemberTransactions-portlet .ui-datatable tbody td {
  border-width: 1px !important;
}
.MemberTransactions-portlet .mt-modules ul {
  overflow: visible !important;
}
.MemberTransactions-portlet .trans-lbl-fromdate, .MemberTransactions-portlet .trans-lbl-todate {
  display: inline-block !important;
}
.MemberTransactions-portlet .trans-inp-fromdate, .MemberTransactions-portlet .trans-inp-todate, .MemberTransactions-portlet .trans-btn-search {
  margin-left: 10px !important;
}

/* 1px to 640px */
@media (min-width: 1px) and (max-width: 640px) {
  .trans-col-amount {
    text-align: left !important;
  }

  .trans-total {
    font-size: 13px;
  }

  .trans-btn-search {
    margin-left: 0;
  }

  .ui-outputlabel {
    padding: 0;
  }

  .trans-lbl-todate {
    margin-left: 0;
  }

  .trans-lbl-fromdate, .trans-lbl-todate, .trans-inp-fromdate input, .trans-inp-todate input {
    width: 100% !important;
  }

  .MemberTransactions-portlet .trans-inp-fromdate, .MemberTransactions-portlet .trans-inp-todate, .MemberTransactions-portlet .trans-btn-search {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .from-date, .to-date {
    display: block !important;
    width: 100% !important;
  }

  .chit-height {
    height: auto !important;
  }
}
/* 1px to 979px */
/* 641px to 767px */
@media (min-width: 641px) and (max-width: 767px) {
  .trans-btn-search {
    margin-top: 0 !important;
  }
}
/* 641px and above */
@media (min-width: 641px) {
  .trans-lbl-todate {
    margin-left: 10px;
  }

  .trans-btn-search-div {
    margin-left: 10px;
  }
}
/* 641px to 979px */
/* 768px to 979px */
/* 980px and above */
.mr-datatable tr td {
  width: 100%;
}

.mr-datatable thead {
  display: none;
}

.mr-header {
  width: 100% !important;
  font-weight: 800;
}

.mr-tee-time {
  background-color: yellowgreen !important;
}

.mr-activity {
  background-color: antiquewhite !important;
}

.mr-room {
  background-color: cornsilk !important;
}

.mr-spa {
  background-color: palegoldenrod !important;
}

.mr-dining {
  background-color: whitesmoke !important;
}

.mr-event {
  background-color: yellow !important;
}

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

.mr-datatable .ui-expanded-row-content td {
  background-color: transparent;
}

.mr-datatable .mr-trash-summ {
  color: orangered;
  font-size: 1.5em;
}

.mr-tree .ui-tree-toggler {
  display: none;
}

.mr-res-wait-status-responsive {
  display: none;
}

@media (max-width: 640px) {
  .mr-panelGrid .ui-grid-row {
    border: 0px !important;
  }

  .mr-toggler {
    width: 29px !important;
  }

  .mr-datatable .mr-trash {
    font-size: 1.5em;
  }
}
@media (min-width: 641px) {
  .mr-toggler {
    width: 32px !important;
  }

  .mr-datatable .mr-trash {
    font-size: 1.25em;
  }
}
@media (max-width: 740px) {
  .mr-pref-color-picker span.ui-button-text.ui-c {
    font-size: 16px;
  }
}
@media (max-width: 800px) {
  .mr-res-wait-status-responsive {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .mr-res-grid .ui-grid-col-10 {
    display: inline-block !important;
    width: 83.33333333% !important;
  }

  .mr-res-grid .ui-grid-col-2 {
    display: inline-block !important;
    width: 16.66666667% !important;
  }
}
.mr-pref-color-grid {
  margin-top: 25px;
}

.mr-text-decoration > a {
  text-decoration: none !important;
}

.mr-tree ul {
  overflow: visible !important;
}

.mr-pref-color-grid .ui-state-default {
  margin-bottom: 1px !important;
}

.mr-tree .ui-state-default {
  margin-bottom: 0 !important;
}

.mr-tree .ui-tree-container .ui-treenode {
  padding: 0.05em !important;
}

.member-upload-vacc-certificate-link {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

.mem-vacc-status-view {
  width: 22px;
  height: 22px !important;
  cursor: pointer;
}

@CHARSET "ISO-8859-1";
.gng-iframe {
  width: 100%;
  border-width: 0 px;
}

.pmnt-makepmnt-btn-div {
  margin-bottom: 5px;
}

.pmnt-addresses .ui-widget-content {
  border: none;
}

.pmnt-total {
  margin-bottom: 10px;
  padding: 5px;
}

.pmnt-col-last-statement-balance {
  text-align: right !important;
}

.pmnt-col-recent-payments {
  text-align: right !important;
}

.pmnt-col-current-amnt-due {
  text-align: right !important;
}

.pmnt-col-amnt-due {
  text-align: right !important;
}

/* 1px to 640px */
@media (min-width: 1px) and (max-width: 640px) {
  .pmnt-col-last-statement-balance {
    text-align: left !important;
  }

  .pmnt-col-recent-payments {
    text-align: left !important;
  }

  .pmnt-col-amnt-due {
    text-align: left !important;
  }
}
.pmnt-specific-dates {
  border: 1px solid #8d8d8d !important;
}

tr.mp-disabled-row td {
  background-color: gainsboro !important;
  color: red;
}

.pmnt-vc-table .ui-datatable-header {
  text-align: left;
}

.pmnt-vc-heading {
  padding: 10px;
}

.pmnt-vc-description {
  background: white;
  padding: 10px;
  font-weight: normal;
}

.pmnt-addon-charge-label {
  color: Red;
  font-size: 15px;
  margin-left: 2px;
  display: inline;
}

.btn-restore {
  display: inline-block;
  zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea);
  background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF6F6F6",endColorstr="#FFEAEAEA",GradientType=0);
  border-color: #eaeaea #eaeaea #c4c4c4;
  background-color: #eaeaea;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #cfcfcf;
  border: 0;
  border-bottom-color: #b5b5b5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-left: 5px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.make-pay-auth-cont {
  left: 30% !important;
  position: fixed !important;
  top: 15% !important;
  width: 35% !important;
}

.credit-card-auth-proceed-btn-cont {
  margin-top: 10px;
}

.conciergeRequest-portlet .fa-minus-square-wo {
  color: red;
  font-size: 20px;
}
.conciergeRequest-portlet .work-order-img img {
  width: 23px;
  height: 20px;
}
.conciergeRequest-portlet .member-info-grid label {
  word-break: break-all;
}
.conciergeRequest-portlet .work-order-detail-grid {
  text-align: left;
}
.conciergeRequest-portlet .member-info-grid {
  text-align: left;
}
.conciergeRequest-portlet .wo-no {
  color: #009ae5 !important;
  text-decoration: underline !important;
}
.conciergeRequest-portlet .wo-grid-col {
  padding: 5px !important;
}
.conciergeRequest-portlet .tags-by-category .ui-datalist .ui-datalist-nobullets {
  list-style-type: none;
  margin: 0;
}
.conciergeRequest-portlet .tags-by-category .ui-datalist-data {
  padding-left: 0 !important;
}
@media (max-width: 767px) {
  .conciergeRequest-portlet .ui-grid-row .work-order-detail-grid [class*=ui-grid-col] {
    display: inline-block !important;
  }
}
.conciergeRequest-portlet .ui-fileupload-files {
  display: none;
}
.conciergeRequest-portlet .conc-set-img-size {
  width: 50px;
  height: 50px;
  margin-top: 6px;
  margin-left: 5px;
  border-radius: 5px;
}
.conciergeRequest-portlet .ui-fileupload .ui-fileupload-buttonbar {
  width: 100%;
}
.conciergeRequest-portlet .conc-delete-img {
  float: right;
  padding-top: 1.5em;
  padding-right: 1em;
}
.conciergeRequest-portlet .ui-fieldset {
  border: 1px solid #c8c8c8 !important;
}
.conciergeRequest-portlet .ui-tabs.ui-tabs-top .ui-tabs-nav {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.conciergeRequest-portlet .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
  background-color: white !important;
  border: 0px solid #007ad9 !important;
  border-bottom: 1px solid #007ad9 !important;
}
.conciergeRequest-portlet .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a {
  color: #007ad9 !important;
  font-weight: bold !important;
  border-bottom: 2px solid !important;
}
.conciergeRequest-portlet .ui-tabs .ui-tabs-nav .ui-tabs-header {
  border: 0px solid #c8c8c8 !important;
  background-color: white !important;
}
.conciergeRequest-portlet .ui-tabs.ui-tabs-top > .ui-tabs-nav:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
}
.conciergeRequest-portlet .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
  color: #2196F3;
}
.conciergeRequest-portlet body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
  border-color: #2196F3 !important;
}
.conciergeRequest-portlet .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
  color: #6c757d;
  border-bottom: 1px solid #c8c8c8 !important;
}
.conciergeRequest-portlet .ui-tabs .ui-tabs-nav li.ui-tabs-header {
  list-style: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  float: none;
  background: #ffffff;
  color: #6c757d;
  margin: 0;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.conciergeRequest-portlet .conc-parent {
  margin-bottom: 10px;
  color: #0A416B;
  clear: both;
  background-color: #f4f4f4;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #c8c8c8;
}
.conciergeRequest-portlet .conc-left {
  float: left;
  padding: 5px;
}
.conciergeRequest-portlet .conc-right {
  float: right;
  padding: 5px;
  margin-top: 1.2rem;
}
.conciergeRequest-portlet .conc-center {
  float: left;
  width: 60%;
  padding: 5px;
  word-break: break-all;
  margin-top: 1.2rem;
}
.conciergeRequest-portlet .conc-parent-mob {
  color: #0A416B;
  clear: both;
  background-color: #f4f4f4;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #c8c8c8;
  margin-bottom: 5px;
}
.conciergeRequest-portlet .conc-left-mob {
  float: left;
  padding: 5px;
}
.conciergeRequest-portlet .conc-right-mob {
  float: right;
  padding: 5px;
  margin-top: 1.2rem;
}
.conciergeRequest-portlet .conc-center-mob {
  float: left;
  width: 40%;
  padding: 5px;
  word-break: break-all;
  margin-top: 1.2rem;
}
.conciergeRequest-portlet .conc-center-mob-view {
  float: left;
  width: 55%;
  padding: 5px;
  word-break: break-all;
  margin-top: 1.2rem;
}
.conciergeRequest-portlet .conc-button-margin {
  margin-top: 3px;
}
.conciergeRequest-portlet .ui-fileupload .ui-fileupload-buttonbar {
  border: 0px solid #c8c8c8 !important;
  background-color: white !important;
  padding: 0em !important;
}
.conciergeRequest-portlet .badge {
  display: inline-block;
  font-size: 0.9rem;
  color: white;
  margin-top: -0.5rem;
}
.conciergeRequest-portlet .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
  display: none;
}
.conciergeRequest-portlet .ui-fileupload-buttonbar .ui-fileupload-choose input {
  position: static;
}
.conciergeRequest-portlet .ui-fileupload-buttonbar .ui-button .ui-button-text {
  display: block;
}
.conciergeRequest-portlet .ui-fileupload .ui-fileupload-buttonbar .ui-button {
  width: 100% !important;
  height: 3rem;
}
.conciergeRequest-portlet .conc-delete-icon-size {
  width: 20px;
  height: 20px;
}
.conciergeRequest-portlet .ui-button-text-icon-left .ui-button-text {
  padding: 0px;
}
.conciergeRequest-portlet .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.25em 0.429em 2em;
}
.conciergeRequest-portlet .ui-button .ui-button-text {
  display: block;
  line-height: normal;
  font-size: 16px;
}
@media screen and (max-width: 40em) {
  .conciergeRequest-portlet .ui-button .ui-button-text {
    line-height: normal;
    font-size: 14px !important;
  }
}
@media screen and (max-width: 100em) and (min-width: 40em) {
  .conciergeRequest-portlet .ui-fileupload-buttonbar .ui-button .ui-button-text {
    padding-top: 14px;
  }
}

.pinch-datatable {
  margin-top: 10px;
}

.pinch-dep-box {
  text-align: center;
}

.pinch-revert-icon {
  font-size: large;
  color: darkorange;
}

@media (max-width: 640px) {
  .pinch-revert-icon {
    display: none;
  }
}
@media (min-width: 641px) {
  .pinchHitter-portlet .hasDatepicker {
    width: 100% !important;
  }
}
.events-event-reservation-dialog.ui-dialog {
  height: 90% !important;
  left: 2.5% !important;
  min-height: 90% !important;
  overflow-y: hidden;
  top: 5% !important;
  width: 95% !important;
}

.events-event-reservation-iframe {
  border: none;
  height: 100% !important;
  position: absolute;
  width: 100% !important;
  left: 0;
  top: 0;
  z-index: 300;
}

.events-advancelisting-eventtype {
  border-bottom: 1px solid #c1c1c1;
  border-top: 1px solid #c1c1c1;
  margin-bottom: 5px;
  padding: 10px 0;
  cursor: pointer;
}

.events-advancelisting-events {
  display: none;
  /* padding-left: 20px; */
}

.events-advancelisting-event:nth-child(1) {
  margin-top: 5px;
}

.events-advancelisting-event {
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  box-sizing: border-box;
  margin-bottom: 5px;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  display: table;
  margin-bottom: 5px;
  padding: 5px;
  display: table;
  margin-bottom: 5px;
  padding: 5px;
  cursor: pointer;
}

.events-advancelisting-itemhover:hover {
  background-color: #f8f8f8;
}

.events-advancelisting-eventdetail {
  width: 100%;
}

.events-advancelisting-eventname {
  font-size: 15px;
  font-weight: bold;
}

.events-advancelisting-eventtypename {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25em;
}

.events-advancelisting-eventtimg {
  border-radius: 2px;
}

/* 641px and above */
@media (min-width: 641px) {
  .events-advancelisting-eventtimg {
    float: left;
    height: 200px !important;
    width: 300px;
    min-width: 300px;
  }

  .events-advancelisting-event {
    display: flex;
  }

  .events-advancelisting-eventtimgcontainer {
    margin-right: 10px;
  }
}
/* 640px and less */
@media (max-width: 640px) {
  .events-advancelisting-eventtimgcontainer {
    margin-bottom: 10px;
    text-align: center;
  }

  .events-advancelisting-event {
    display: table;
  }
}
.events-advancelisting-eventstatus {
  float: right;
  margin-left: 5px;
  text-transform: capitalize;
}

.events-advancelisting-eventstatus-reserved,
.events-advancelisting-eventstatus-available {
  color: green;
}

.events-advancelisting-eventstatus-waitlist {
  color: yellow;
}

.events-advancelisting-eventstatus-unavailable {
  color: maroon;
}

.events-advancelisting-eventstatus-future {
  color: orange;
}

.events-advancelisting-eventstatus-noregistration {
  color: black;
}

.events-advancelisting-hr {
  margin: 10px 0 !important;
}

.events-advancelisting-clicktext {
  color: #c1c1c1;
  float: right;
  font-style: italic;
}

.events-pref-filters .ui-chkbox-box.ui-state-disabled {
  display: none;
}

.events-pref-filters .ui-state-disabled {
  font-weight: bold;
  opacity: 1;
  text-decoration: underline;
}

.events-pref-checkbox-list-container {
  border: 1px solid #999;
  border-radius: 3px;
  height: 200px;
  overflow-y: auto;
  padding: 5px 0 0 5px;
}

/* 641px and above */
@media (min-width: 641px) {
  .event-pref-col {
    padding-left: 10px;
  }
}
.events-list-ul {
  list-style: outside none none;
  margin: 0 !important;
}

.events-list-li {
  background: #ffffff;
}

.events-event {
  cursor: pointer;
}

.events-hover:hover {
  background-color: #f8f8f8;
}

.events-title-container {
  margin-bottom: 10px;
}

.events-cal-link-container {
  margin-top: 10px;
}

.events-title-hr {
  margin: 5px 0 0 !important;
}

.events-title {
  font-size: 24px;
  font-weight: bold;
}

.events-event-reservation-iframe-loader-img {
  background: url(/northstar-primefaces-portlet/images/common/loader.gif) no-repeat center center;
  height: 64px;
  width: 64px;
  position: fixed;
  z-index: 200;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  display: none;
}

.events-event-reservation-iframe-overlay {
  background-color: black;
  filter: alpha(opacity=50);
  /* IE */
  opacity: 0.8;
  /* Safari, Opera */
  -moz-opacity: 0.8;
  /* FireFox */
  z-index: 100;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: none;
}

.events-search-txt-container {
  float: left;
}

.events-search-btn-container {
  float: left;
  margin-left: 5px;
}

.events-reset-btn-container {
  float: left;
  margin-left: 5px;
}

/*Slider View Responsive Style start  MT#0216155: Featured Events*/
.events-galleria ul {
  margin: 0px !important;
}

.events-galleria-img {
  width: 100% !important;
  height: 100% !important;
}

.events-galleria ui-galleria-caption {
  bottom: 65px !important;
}

.events-galleria .ui-icon-circle-triangle-e {
  position: absolute !important;
  top: auto !important;
}

.events-galleria .ui-galleria-filmstrip-wrapper {
  width: 80% !important;
}

/*portrait*/
@media only screen and (min-device-width: 360px) and (max-device-width: 667px) {
  .events-galleria {
    width: 100% !important;
  }
}
/*landscape*/
@media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation: landscape) {
  .events-galleria {
    width: 94% !important;
  }
}
@media only screen and (min-device-width: 360px) and (max-device-width: 812px) and (orientation: landscape) {
  .events-galleria {
    width: 78% !important;
  }
}
@media only screen and (min-device-width: 813px) and (max-device-width: 1024px) and (orientation: landscape) {
  .events-galleria {
    width: 66% !important;
  }
}
/*Slider View Responsive Style End MT#0216155: Featured Events*/
svg.trainer-icon {
  max-width: 15px;
  overflow: visible;
  margin-right: 5px;
  padding: 0px 0px;
  margin-left: -3px;
}

.fa-map:before {
  content: "\f279";
  margin-left: -2px;
}

.events-event-ActivityArea {
  color: #009ae5;
}

.events-event-trainer {
  color: #009ae5;
}

/*-----------For Iphone6 Responsive css ------- */
@media screen and (min-height: 900px) {
  .reservationList {
    overflow: scroll !important;
    top: 52% !important;
    height: 590px !important;
  }

  .spa-cancel-dialog {
    top: 52% !important;
  }

  .ui-datatable-scrollable-body {
    height: 350px !important;
  }

  .reservationAlreadyAlertDialog {
    top: 20% !important;
  }

  .questionAnsDialog {
    overflow: scroll !important;
    top: 52% !important;
    height: 590px !important;
  }

  .salesItemInfoDialog {
    top: 48% !important;
  }

  .clockImg {
    margin: 0px 10px 0px 0;
  }

  .clockDateTime {
    font-weight: normal;
    vertical-align: 0px;
  }
}
/*-----------For other mobile Responsive css ------- */
@media screen and (max-height: 480px) {
  .ui-datatable-scrollable-body {
    height: 160px !important;
  }

  .waiverHideColumn {
    width: 60% !important;
  }
}
@media screen and (max-height: 400px) {
  .ui-datatable-scrollable-body {
    height: 100px !important;
  }

  .waiverHideColumn {
    display: none;
  }
}
/*-----------Event Reservation Responsive css ------- */
@media (min-width: 641px) and (max-width: 818px) {
  .memberIconColumn {
    width: 230px;
  }

  .memberIconRight {
    margin-left: 5px !important;
  }
}
@media (min-width: 419px) and (max-width: 425px) {
  .memberIconRight {
    margin-left: 46px !important;
    margin-top: -64px;
  }
}
@media (max-width: 418px) {
  .memberIconRight {
    margin-top: -58px;
    margin-left: -148px !important;
  }

  .childTxt {
    margin-top: 4px;
    text-align: left;
  }
}
@media (min-width: 419px) {
  .memberIconRight {
    margin-left: -10px;
  }

  .childTxt {
    margin-top: 4px;
    text-align: left;
  }
}
@media (max-width: 328px) {
  .memberIconRight {
    margin-top: -118px !important;
    margin-left: 50px !important;
  }
}
@media (min-width: 640px) {
  .adultTxt {
    margin-top: 4px;
  }

  .childTxt {
    margin-top: 4px;
    margin-right: 4%;
    width: 14%;
    text-align: right;
  }

  .innerMemberIconColumn {
    width: 100%;
  }

  .innerMemberButtonColumn {
    width: 240px;
  }

  .reservationList {
    width: 88% !important;
    margin-left: -3% !important;
  }

  .resAttendeeSICol {
    width: 200px;
  }

  .itemsColumnForCss {
    margin-top: -18px;
  }
}
@media (min-width: 1156px) {
  .innerMemberIconColumn {
    width: 230px;
    float: left;
    margin-right: 8%;
  }

  .innerMemberButtonColumn {
    float: left;
    width: 240px;
  }
}
@media (min-width: 1079px) {
  .reservationList {
    width: 90% !important;
    margin-left: -14% !important;
  }
}
@media (max-width: 640px) {
  .typeColumn {
    margin: -27px 0 0 33%;
  }

  .typeColumnHeader {
    margin-top: 4px !important;
    margin-bottom: -10px;
  }

  .ui-column-title {
    margin: 0em 1em -0.4em -0.4em !important;
  }

  .totalReservationLabel {
    width: 100%;
    float: left;
    text-align: left;
  }

  .publishReservationLabel {
    width: 100%;
    float: left;
  }
}
@media (max-width: 480px) {
  .typeColumn {
    margin: -27px 0 0 35%;
  }

  .typeColumnHeader {
    margin-top: 4px !important;
    margin-bottom: -10px;
  }

  .ui-column-title {
    margin: 0em 1em -0.4em -0.4em !important;
  }
}
.unslider .unslider-nav li {
  display: inline-block;
  padding: 0px 2px;
  border-radius: 30px;
  cursor: pointer;
  height: 12px;
}

.unslider-nav li {
  background: dimgray;
  color: transparent !important;
  margin: 5px !important;
}

ol {
  text-align: center;
}

.unslider-nav li.unslider-active {
  background: rgba(0, 0, 0, 0.1);
}

.event-image {
  background-size: 100% 100%;
  width: 100%;
  height: 300px !important;
  cursor: pointer;
}

.event-detail {
  padding: 10px;
  color: white;
  background-color: black;
  opacity: 0.75;
}

.event-link {
  color: cornflowerblue;
  font-weight: 700;
  cursor: pointer;
}

.event-chkbox-pref .ui-chkbox {
  margin-right: 10px !important;
}

.events-remove-hyperlink-style img, .events-galleria-img {
  max-width: 100%;
}

.events-galleria, .events-galleria ul, .events-galleria ul li {
  max-width: 100% !important;
}

.events-sorting-label {
  display: inline-block !important;
  vertical-align: super !important;
}

.events-sort-by {
  vertical-align: middle !important;
}

.events-filter-btn {
  margin-left: 5px !important;
}

ul.events-list-ul {
  padding: 0 !important;
}

.events-event-name a {
  font-size: 14px !important;
}

.events-galleria-img {
  width: 100% !important;
  height: 100% !important;
}

div#calEventModalHeader {
  flex-direction: row-reverse;
}

div#calEventModalHeader h3 {
  margin-left: 5px !important;
}

.events-search-txt-container input {
  width: 206px !important;
}

.events-pref-panel .ui-panel .ui-panel-titlebar {
  padding: 0.5em 1em 0.5em 1em !important;
}
.events-pref-panel span.ui-panel-title {
  vertical-align: top !important;
}
.events-pref-panel .ui-chkbox .ui-chkbox-label {
  margin: 0 16px 0 8px !important;
}
.events-pref-panel .ui-widget-header .ui-selectbooleancheckbox {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .event-pref-col {
    margin-top: 10px !important;
  }

  .events-advancelisting-eventdetail {
    padding: 5px 10px 5px 10px !important;
  }

  .events-advance-filters-age-range {
    max-width: 100% !important;
  }

  .events-search-txt-container, .events-search-txt-container input, .events-search-btn-container, .events-reset-btn-container {
    width: 100% !important;
  }
}
@media (max-width: 850px) and (min-width: 1px) {
  .events-galleria .ui-icon-circle-triangle-e {
    background: inherit !important;
  }
}
/*Start Golf Events List portlet css*/
.ersg-main-container .panel-body {
  padding: 10px;
}

.ersg-main-container .panel-heading {
  color: #333 !important;
  background-color: #ffffff !important;
  border: none;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ersg-main-container .panel-heading {
  padding: 5px 10px;
}

.ersg-filter-panel .btn-default, .ersg-events-detail-btns .btn-default, .ersg-list-events-popup-btns .btn-default, .ersg-events-popup-btns .btn-default, .ersg-filter-check-box .btn-default, .ersg-filters-name-checkbox label {
  color: #333;
  background-color: #fff;
  border-color: #0d1f34 !important;
  border: 1px solid transparent;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 5px;
}

.ersg-events-popup-btns .btn-danger {
  color: white;
  background-color: #ff4967;
  border-color: #ff4967;
  border: 1px solid transparent;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  padding: 5px 12px;
  line-height: 1.42857143;
  border-radius: 5px;
}

.ersg-events-popup-btns .btn-danger:hover, .ersg-events-popup-btns .btn-danger:focus, .ersg-events-popup-btns .btn-danger:active, .ersg-events-popup-btns .btn-danger.active, .ersg-events-popup-btns .btn-danger.disabled, .ersg-events-popup-btns .btn-danger[disabled] {
  color: white;
  background-color: #ff4967 !important;
}

.ersg-btn-apply-filter {
  width: 90%;
  color: #fff !important;
  background-color: #0d1f34 !important;
}

.ersg-register-btn, .ersg-list-register-btn {
  color: #fff !important;
  background-color: #0d1f34 !important;
}

.ersg-events-list li {
  line-height: 17px !important;
}

.ersg-lbl-value, .ersg-list-lbl-value {
  display: block;
  font-weight: bold;
  font-size: 13px;
}

.ersg-events-list ul, .ersg-events-list ol {
  padding: 0px !important;
  margin: 0px !important;
}

.ersg-events-list .ui-datalist-data {
  background: #fff;
}

.ersg-events-container .panel-body {
  padding: 0px !important;
}

.ersg-event-item {
  background: whitesmoke;
  margin-bottom: 5px;
}

.ersg-lbl, .ersg-list-lbl {
  font-size: 11px;
}

.ersg-time-cont, .ersg-course-cont, .ersg-gender-cont, .ersg-time-mobile-cont, .ersg-course-mobile-cont {
  border-color: #b2b5b9 !important;
  border-right: 1px solid transparent;
  padding: 6px 10px 6px 10px;
}

.ersg-name-cont, .ersg-event-publis-content-cont {
  padding: 6px 6px 6px 10px;
}

.ersg-events-detail-btns, .ersg-events-popup-btns {
  margin: 5px;
}

.ersg-events-detail-btns span, .ersg-events-popup-btns span {
  padding: 0px 10px 0px 10px;
}

.ersg-course-cont {
  width: 11.66666%;
}

.ersg-course, .ersg-time-cont, .ersg-event-name, .ersg-time-mobile-cont, .ersg-course-mobile-cont {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ersg-detail-reg-btn-cont {
  width: auto;
  float: right;
}

.ersg-event-detail div {
  border-color: #b2b5b9 !important;
  border-right: 1px solid transparent;
  padding: 6px 10px 6px 10px;
}

.ersg-event-detail {
  border-color: #b2b5b9 !important;
  border-bottom: 1px solid transparent;
}

.ersg-filter-panel-body .ui-chkbox.ui-widget {
  width: auto;
  margin: 0;
  vertical-align: middle;
}

.ersg-filter-panel-body .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active div {
  color: #fff;
}

.ersg-filter-panel-body .ui-chkbox-icon.ui-icon.ui-c, .ersg-time-name-course-mobile-cont {
  display: none;
}

.ersg-filter-panel-body table, .ersg-filter-panel-body thead, .ersg-filter-panel-body tbody, .ersg-filter-panel-body th, .ersg-filter-panel-body td, .ersg-filter-panel-body tr {
  display: inline-block;
}

.ersg-filter-panel-body .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active div {
  background: linear-gradient(#0d1f34, #0d1f34);
  border-color: #0d1f34 !important;
}

.ersg-filter-panel-body .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  width: auto;
  height: 100%;
  box-sizing: border-box;
}

.ersg-filter-panel-body .ui-chkbox-box {
  border: none;
  border-radius: 5px;
}

.ersg-detail-popup {
  border-radius: 5px;
}

.ersg-detail-popup .ui-dialog-titlebar {
  background: whitesmoke !important;
}

.ersg-filters-name-checkbox {
  display: inline;
}

.ersg-events-detail-btns span {
  font-size: 13px !important;
}

.ersg-event-res-detail-main-cont:after {
  clear: both;
  content: "";
  display: table;
}

.ersg-event-res-detail-main-cont {
  display: block !important;
  clear: both;
}

.ersg-res-detail-frame {
  height: 570px;
  border: none;
}

.ersg-male-icon {
  background: #a7d3ff;
}

.ersg-male-icon:before {
  content: "M";
}

.ersg-female-icon {
  background: #ffa7c5;
}

.ersg-female-icon:before {
  content: "W";
}

.ersg-list-detail-reg-btn-cont {
  display: none !important;
}

.ersg-male-and-female-icon {
  font-size: 15px;
  border-radius: 15px;
  padding: 6px;
  font-weight: bold;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  float: right;
  margin: 15px 15PX 0px 0px;
}

.ersg-events-container .panel {
  margin-bottom: 0px;
  border: none;
}

.ersg-events-container-detail .panel {
  border: solid 0.7px transparent;
  border-color: #b2b5b9;
  border-bottom: none;
}

.golf-view-one-event-main-cont {
  border: solid 0.7px transparent;
  border-color: #b2b5b9;
  border-radius: 5px;
}

.ersg-plus-icon, .ersg-minus-icon {
  float: right;
  padding: 5px 0px 0px 0px;
}

.ersg-plus-icon {
  display: none;
}

.ersg-filter-container {
  padding: 5px 0px 0px 0px;
}

.portal-popup {
  padding: 0px 2px !important;
}

.er-main-container .panel-body {
  padding: 0px !important;
}

.ersg-name-container {
  background-color: whitesmoke !important;
}

.ersg-event-detail {
  display: flex;
}

@media (max-width: 570px) {
  .ersg-event-name-mobile {
    margin: 15px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    max-width: 140px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ersg-events-container-detail .panel {
    border-right: none;
  }
}
@media (max-width: 640px) {
  .ersg-time-cont, .ersg-course-cont, .ersg-gender-cont, .ersg-time-mobile-cont {
    border-bottom: 1px solid transparent;
  }

  .ersg-list-lbl-value {
    float: none !important;
  }

  .ersg-time-mobile-cont, .ersg-course-mobile-cont {
    width: 22% !important;
    display: inline-flex;
  }

  .ersg-name-mobile-cont {
    display: block;
    width: 78% !important;
    float: right !important;
    padding-left: 10px;
  }

  .ersg-time-name-course-mobile-cont {
    display: block;
  }

  .golf-view-one-event-cont .ersg-list-lbl, .ersg-time-cont, .ersg-course-cont, .ersg-gender-cont, .ersg-name-cont, .ersg-events-popup-btns {
    display: none !important;
  }

  .ersg-event-name-mobile {
    margin: 15px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    max-width: 205px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ersg-course-cont {
    border-bottom: none !important;
  }

  .ersg-event-detail div {
    border-bottom: 1px solid transparent;
  }

  .ersg-event-detail {
    display: block !important;
  }

  .ersg-event-detail {
    border: none !important;
  }

  .ersg-event-item {
    margin-bottom: 10px;
  }

  .ersg-male-and-female-icon {
    margin: 11px 10PX 5px 0 !important;
  }

  .ersg-list-events-popup-btns a {
    width: 48% !important;
    display: inline-block;
  }

  .ersg-list-events-popup-btns {
    margin: 5px 0px 10px 10px;
  }

  .ersg-list-detail-reg-btn-cont {
    display: block !important;
  }

  .ersg-event-detail div {
    display: inline-block;
    float: left !important;
  }

  .ersg-time-detail-cont, .ersg-holes-cont {
    width: 25% !important;
  }

  .ersg-course-detail-cont {
    width: 52% !important;
  }

  .ersg-gender-detail-cont, .ersg-team-size-cont {
    width: 23% !important;
  }

  .ersg-date-cont, .ersg-front-cont {
    width: 30% !important;
  }

  .ersg-format-cont {
    width: 40% !important;
  }

  .ersg-team-selected-cont {
    width: 75% !important;
  }

  .ersg-maxtp-cont {
    width: 66% !important;
  }

  .ersg-guest-per-member-cont {
    width: 57% !important;
  }

  .ersg-team-size-cont {
    width: 34% !important;
  }

  .ersg-min-sign-size-cont {
    width: 43% !important;
  }

  .ersg-cost-member-cont, .ersg-cost-guest-cont, .ersg-start-date-cont, .ersg-end-date-cont, .ersg-tems-reg-cont, .ersg-players-reg {
    width: 50% !important;
  }

  .ersg-list-detail-reg-btn-cont {
    position: sticky;
    bottom: 0;
  }

  .ersg-events-container-detail .panel {
    border-right: none;
  }
}
@media only screen and (min-width: 1025px) {
  .ersg-detail-popup {
    left: 10% !important;
    position: fixed !important;
    top: 11% !important;
    width: 80% !important;
    max-height: 80% !important;
    border-radius: 5px;
  }
}
@media (max-width: 767px) and (max-width: 979px) {
  .ersg-filters-name-checkbox .btn {
    margin-top: 0px !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  .ersg-name-cont {
    width: 25%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .ersg-name-cont {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .ersg-time-cont, .ersg-course-cont, .ersg-gender-cont, .ersg-time-mobile-cont {
    border-bottom: 1px solid transparent;
  }

  .ersg-list-lbl-value {
    float: none !important;
  }

  .ersg-time-mobile-cont, .ersg-course-mobile-cont {
    width: 22% !important;
    display: inline-flex;
  }

  .ersg-name-mobile-cont {
    display: block;
    width: 78% !important;
    float: right !important;
    padding-left: 10px;
  }

  .ersg-time-name-course-mobile-cont {
    display: block;
  }

  .golf-view-one-event-cont .ersg-list-lbl, .ersg-time-cont, .ersg-course-cont, .ersg-gender-cont, .ersg-name-cont, .ersg-events-popup-btns {
    display: none !important;
  }

  .ersg-event-name-mobile {
    margin: 15px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    max-width: 85% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ersg-course-cont {
    border-bottom: none !important;
  }

  .ersg-event-detail div {
    border-bottom: 1px solid transparent;
  }

  .ersg-event-detail {
    display: block !important;
  }

  .ersg-event-detail {
    border: none !important;
  }

  .ersg-event-item {
    margin-bottom: 10px;
  }

  .ersg-male-and-female-icon {
    margin: 11px 10PX 5px 0 !important;
  }

  .ersg-list-events-popup-btns a {
    width: 48% !important;
    display: inline-block;
  }

  .ersg-list-events-popup-btns {
    margin: 5px 0px 10px 10px;
  }

  .ersg-list-detail-reg-btn-cont {
    display: block !important;
  }

  .ersg-event-detail div {
    display: inline-block;
    float: left !important;
  }

  .ersg-time-detail-cont, .ersg-holes-cont {
    width: 20% !important;
  }

  .ersg-course-detail-cont {
    width: 55% !important;
  }

  .ersg-gender-detail-cont, .ersg-team-size-cont {
    width: 25% !important;
  }

  .ersg-date-cont, .ersg-front-cont {
    width: 30% !important;
  }

  .ersg-format-cont, .ersg-team-selected-cont, .ersg-maxtp-cont, .ersg-guest-per-member-cont {
    width: 40% !important;
  }

  .ersg-min-sign-size-cont {
    width: 35% !important;
  }

  .ersg-cost-member-cont, .ersg-cost-guest-cont, .ersg-start-date-cont, .ersg-end-date-cont, .ersg-tems-reg-cont, .ersg-players-reg {
    width: 33.3% !important;
  }

  .ersg-list-detail-reg-btn-cont {
    position: sticky;
    bottom: 0;
  }

  .ersg-events-container-detail .panel {
    border-right: none;
  }
}
.ersg-filter-panel-body .ui-selectmanycheckbox label {
  display: none !important;
}

.ersg-filters-name-checkbox .ui-chkbox-icon {
  display: none !important;
}

/*End Golf Events List portlet css*/
.homeHeading {
  background: -moz-linear-gradient(center top, #E41A22 0%, #B41419 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(top, #e41a22 0%, #b41419 100%);
  border-radius: 10px;
  border-right: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 23px;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px 10px 0;
  position: relative;
  background: #e41a22;
}

.reservationStatus {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.seatingTimeBg {
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  height: 45px;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0 0 0 0;
  position: relative;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e2e2e2", GradientType=0 );
  background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: #e2e2e2;
  border-right: 1px solid #E2E2E2;
  color: #606060;
}

.selectSeating textinput {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;
  font: 12px/30px Arial, Helvetica, sans-serif;
  height: 30px;
  outline: medium none;
  padding: 5px;
  width: 100%;
}

#menu_wrap {
  /* border-radius: 10px;
   height: 45px;
   list-style-type: none;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0 10px 0 0;
  position: relative;
  background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e2e2e2", GradientType=0 );
  background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  list-style: none;
}

.adultsSpan {
  font: 12px/30px Arial, Helvetica, sans-serif;
}

.fontClass {
  font: 12px/30px Arial, Helvetica, sans-serif;
}

.dropdown {
  /*border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;*/
  /*
  font: 12px/30px Arial,Helvetica,sans-serif;
  height: 30px;
  outline: medium none;
  padding: 5px;
  width: auto;
  margin-top: 6px;
  */
}

.dropdownHeadCountItems {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  font: 12px/30px Arial, Helvetica, sans-serif;
  height: 30px;
  outline: medium none;
  padding: 5px;
  width: auto;
  margin-top: 6px;
}

.multiSelect {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;
  font: 12px/30px Arial, Helvetica, sans-serif;
  height: 18px;
  outline: medium none;
  padding: 5px;
  width: 233px;
  margin-top: 6px;
}

.inputTextBox {
  border: 1px solid #DDDDDD !important;
  border-radius: 5px !important;
  box-shadow: 0 0 2px #888888;
  font: 12px Arial, Helvetica, sans-serif !important;
  height: 18px;
  outline: medium none;
  padding: 5px 1px !important;
  width: auto;
  margin-top: 6px;
  background-image: none !important;
}

.multiSelectOptions {
  width: 235px;
}

.editarea {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;
  color: #666666;
  float: left;
  outline: medium none;
  padding: 5px 0 0 10px;
  background-image: none;
}

#childrenSpan {
  font: 12px/30px arial, helvetica, sans-serif;
}

.agree {
  font: 12px/30px arial, helvetica, sans-serif;
}

.agree a {
  background-color: #C8C8C7;
  border-radius: 4px;
  color: #000000;
  font-size: 13px;
  padding: 2px;
}

.available-label {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
}

.label-custom {
  font: 12px/30px Arial, Helvetica, sans-serif;
}

.availableSeats {
  background: none repeat scroll 0 0 #007204;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 2px #FFFFFF, 0 0 1px #000000 inset;
  color: #FFFFFF;
  font: bold 16px Arial, Helvetica, sans-serif;
  padding: 2px 12px;
  text-align: center;
  text-decoration: none;
}

.table-margins {
  margin-left: 12px;
  margin-top: 2px;
  padding-top: 2px;
}

#ysearchinputmemberId_Reservation {
  margin-top: -7px !important;
}

.ysearchinput {
  border: 1px solid #DDDDDD !important;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888 !important;
  color: #666666 !important;
  float: left;
  outline: medium none;
  width: 93% !important;
  height: 25px !important;
  margin-top: -2px;
  text-align: left !important;
  padding-right: 16px;
}

.ysearchinputDisabled {
  border: 1px solid #DDDDDD !important;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888 !important;
  color: #666666 !important;
  float: left;
  outline: medium none;
  width: 93% !important;
  height: 25px !important;
  margin-top: -2px;
  text-align: left !important;
  padding-right: 16px;
}

.ysearchinputOther {
  border: 1px solid #DDDDDD !important;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888 !important;
  color: #666666 !important;
  float: left;
  outline: medium none;
  width: 93% !important;
  height: 25px !important;
  margin-top: -2px;
  text-align: left !important;
  padding-right: 16px;
}

.noleftBorder {
  border: 0px !important;
  height: 45px;
}

.partyof {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;
  color: #666666;
  float: left;
  outline: medium none;
  background-image: none !important;
}

.adultsSpanEvent {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
}

.availableTotals {
  background: none repeat scroll 0 0 #007204;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 2px #FFFFFF, 0 0 1px #000000 inset;
  color: #FFFFFF;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
}

.buttonEM {
  background: none repeat scroll 0 0 #007204 !important;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 2px #FFFFFF, 0 0 1px #000000 inset;
  color: #FFFFFF !important;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
  background-image: none !important;
}

.button {
  background: none repeat scroll 0 0 #B0B0B0 !important;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 2px #FFFFFF, 0 0 1px #000000 inset;
  color: #000000 !important;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
  background-image: none !important;
}

.buttonDisable {
  background: none repeat scroll 0 0 #B0B0B0 !important;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 2px #FFFFFF, 0 0 1px #000000 inset;
  color: #6B6B6B !important;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
  background-image: none !important;
}

.reservationsHeadings {
  /*background:-moz-linear-gradient(center top , #FEF7F7, #FEF7F7) repeat scroll 0 0 rgba(254, 247, 247, 2) !important;*/
  /*	background-color: #FEF7F7 !important;*/
  background: none !important;
  color: #000;
  border: 0px;
  /*border-bottom:1px solid #FF0000;*/
  text-align: center;
}

.reservationsMainHeadings {
  /*background:-moz-linear-gradient(center top , #FEF7F7, #FEF7F7) repeat scroll 0 0 rgba(254, 247, 247, 2) !important;*/
  /*	background-color: #FEF7F7 !important;*/
  background: none !important;
  color: #000;
  border: 0px;
  border-bottom: 1px solid #FF0000;
  text-align: center;
}

.reservationsTotal {
  /*background:-moz-linear-gradient(center top , #FEF7F7, #FEF7F7) repeat scroll 0 0 rgba(254, 247, 247, 2) !important;*/
  /*	background-color: #FEF7F7 !important;*/
  background: none !important;
  color: #000;
  border: 0px;
  border-bottom: 1px solid #FF0000;
  text-align: center;
}

.reservationsHeadingsOptional {
  background-color: #FEF7F7 !important;
  color: #000;
  border: 0px;
  border-bottom: 0px solid #FF0000 !important;
  text-align: center;
}

.additionalReservations {
  background-color: #FEF7F7;
  border: 1px solid #E8B6B6;
  margin-top: 10px;
  text-align: center;
}

.reservationsHeadings .optionalitems {
  color: #000000;
  /*background-color:#FEF7F7;*/
  font-size: 12px;
  text-align: center;
}

.reservationsHeadings .optionalitemsHeading {
  color: #000000;
  background-color: #FEF7F7;
  font-size: 12px;
  text-align: center;
}

.headCountItemAmount {
  font: 12px/30px Arial, Helvetica, sans-serif;
  text-align: center !important;
}

.headCountItemTotalAmount {
  font: 12px/30px Arial, Helvetica, sans-serif;
  text-align: center !important;
}

.optionalItemsAmount {
  font: 12px/30px Arial, Helvetica, sans-serif;
  text-align: center !important;
}

.optionalTotalItemsAmount {
  font: 12px/30px Arial, Helvetica, sans-serif;
  text-align: center !important;
}

.totalAmount {
  font: 12px/30px Arial, Helvetica, sans-serif;
  text-align: center !important;
}

.grandTotalAmount {
  font: 12px/30px Arial, Helvetica, sans-serif;
  text-align: center !important;
}

.totalCount {
  font: 12px/30px Arial, Helvetica, sans-serif;
  text-align: center !important;
}

.totalLabel {
  font: 12px/30px Arial, Helvetica, sans-serif;
}

#simplemodal-container {
  background-color: #FFFFFF;
  border: 5px solid #B41419 !important;
  padding: 12px;
}

#simplemodal-container a.modalCloseImg {
  background: url("../images/close.png") !important;
}

.button, .form legend, .legend, .mini-menu {
  margin-top: 0px !important;
}

#question-count-show {
  color: #000000;
  font-family: arial;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.QusetionAnswers {
  background-color: #FEF7F7;
  border-radius: 5px;
  margin: 10px 8px;
  padding: 5px;
}

.questionSpan {
  background: none !important;
  color: #585858 !important;
  font-family: arial !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.multiselectCheckBox {
  margin-right: 5px;
}

.singleselectCheckBox {
  margin-right: 5px;
}

.OptionalItemBox {
  width: 45%;
  border-style: solid;
  border-color: #b41419;
  border-width: 5px;
  background: white;
  text-align: left;
}

.waitingRow {
  background-color: #FF8C73;
  color: #000;
}

.cancelledRow {
  background-color: #CC9999;
  color: #000000;
}

#itineraryList {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;
  font: 12px/30px Arial, Helvetica, sans-serif;
  height: 30px;
  outline: medium none;
  padding: 5px;
  width: 235px;
  margin-top: 6px;
  background: none !important;
}

/*** Reservation List CSS ***/
.tableHeader {
  background: -moz-linear-gradient(center top, #E50505 0%, #B41419 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-right: 1px solid #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E50505), color-stop(100%, #B41419));
  background: -webkit-linear-gradient(top, #b41419 0%, #b41419 100%);
  background: -o-linear-gradient(top, #E50505 0%, #B41419 100%);
  background: -ms-linear-gradient(top, #E50505 0%, #B41419 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#E50505", endColorstr="#B41419", GradientType=0 );
  background: linear-gradient(top, #E50505 0%, #B41419 100%);
  padding: 4px;
  background-color: #B41419;
}

.tableHeader a {
  color: #fff;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
}

.tableHeader a:hover {
  color: #000;
  font-family: arial;
  font-size: 12px;
}

.oddRow {
  border: 1px dotted #000;
  font-family: arial;
  font-size: 12px;
}

.evenRow {
  border: 1px dotted #000;
  font-family: arial;
  font-size: 12px;
}

.boldWhite {
  color: #5D5B5B;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
}

.buttonEM {
  background: none repeat scroll 0 0 #007204 !important;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 2px #FFFFFF, 0 0 1px #000000 inset;
  color: #FFFFFF !important;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
  background-image: none !important;
}

.tableNavigation {
  background-color: #A3A1A1;
  border-radius: 5px;
  box-shadow: 1px 1px 0 #FFFFFF;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 27px 5px 20px;
}

.WGuestStatus {
  /* Waiting Status */
  background-color: #FF8C73;
}

.WGuestStatusLabel {
  /* Waiting Status */
  color: #000000;
}

.DGuestStatus {
  /* Cancelled Status */
  background-color: #CC9999;
  color: #000000;
}

.DGuestStatusLabel {
  /* Cancelled Status */
  color: #000;
}

.reservationTimeHeading {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.bookFor {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.reservationDaysHeading {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-size: 14px;
}

.reservationDaysOnHeading {
  font: 12px/30px Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.reservationListLink, .addCommentsSpan {
  font: bolder 12px/30px Arial, Helvetica, sans-serif;
  text-decoration: underline;
  margin-top: -10px;
  margin-bottom: -20px;
  text-align: right;
  cursor: pointer;
}

.guestTableHeadingSeparator {
  border-bottom: 1px solid #FF0000;
}

.ItemSelectionGuestHeading {
  color: #84b8d9;
  font-size: 20px;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.ItemSelectionHeading {
  color: #000;
  font-size: 18px;
  font: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ItemSelectionLabel {
  color: #000;
  font: 12px/30px Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding-left: 10px;
  padding-bottom: 5px;
}

.ItemSelectionQTYField {
  font: 12px/30px Arial, Helvetica, sans-serif !important;
  width: 35px;
  text-align: right;
  padding: 0px 5px 0px 0px !important;
  height: 28px;
  /*padding-right: 12px !important;*/
  background: none !important;
}

.GuestItemLabel {
  color: #000;
  font: 12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 0px !important;
  height: 20px;
}

.GuestItemsDisplayTd:HOVER {
  text-decoration: underline;
}

.ItemsHeader {
  cursor: pointer;
  text-decoration: underline;
}

.ItemsHeader:HOVER {
  color: royalblue;
}

.GuestRowSeparator {
  border-bottom: dotted 1px;
  border-bottom-color: #ffb0b0;
}

.DeleteReservationRow {
  background-color: lightgray;
  color: #000;
}

.CustomCheckBox {
  background: transparent url("../images/checkbox_unchecked.gif");
}

.MandatorySign {
  color: red;
}

.searialNumberTD {
  text-align: left;
  padding-left: 10px;
}

.addNewRow {
  position: absolute;
  margin-left: -25px;
  background: transparent url("../images/plus.png") no-repeat;
  padding-left: 25px;
}

.eventReservationFont {
  font: 12px Arial, Helvetica, sans-serif;
}

.eventReservationFontBold {
  font: bold 12px Arial, Helvetica, sans-serif;
}

.errorTextBox {
  border: 1px red solid !important;
}

.errorMessage {
  color: red;
}

.popoverContainerItemSummary {
  background-color: #fff !important;
  border: 1px solid #000;
}

.popoverItemSummary div {
  color: #000;
}

.buttonAlert {
  background: #007204 none repeat scroll 0 0 !important;
  border: medium none;
  border-radius: 5px;
  box-shadow: 0 0 2px #ffffff, 0 0 1px #000000 inset;
  color: #ffffff !important;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
}

div#calEventModalHeader {
  flex-direction: row-reverse;
}

div#calEventModalHeader h3 {
  margin-left: 5px !important;
}

.no-scroll {
  height: 100%;
  position: fixed;
  width: 100%;
}

div[aria-describedby=showModalDialogDiv] {
  height: auto !important;
  max-height: none !important;
  top: 36% !important;
}

.er-name-and-number-container {
  background-color: #e41a22;
  padding: 7px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  border-radius: 3px;
  margin-bottom: 16px;
}

.er-name {
  font-size: 16px;
  font-weight: bold;
}

.er-seating-and-available-container {
  background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, white 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, white 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, white 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", 		endColorstr="#e2e2e2", GradientType=0);
  background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
  border-radius: 3px;
  padding: 7px;
  margin-bottom: 5px;
}

.er-book-for-container {
  margin-bottom: 5px;
}

.er-available-val {
  margin-left: 5px;
}

.er-green-bg {
  margin-left: 5px;
  background-color: #008004;
  padding: 3px 12px;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #006603;
  font-weight: bold;
}

.er-bold {
  font-weight: bold !important;
}

.er-clock-img {
  width: 35px;
  height: 35px !important;
  margin-top: -18px;
  margin-right: 5px;
}

.er-schedules-dropdown {
  display: inline-flex;
  vertical-align: 9px;
}

.er-schedules-dropdown .ui-selectcheckboxmenu-label-container {
  width: 100%;
}

.er-bold {
  font-weight: bold;
}

.er-underline {
  text-decoration: underline;
}

.er-schedules-txt, .er-to-txt, .er-seating-txt {
  vertical-align: 8px;
}

.er-attendee-inptxt-container {
  width: 100% !important;
}

.er-attendee-inptxt {
  width: 100% !important;
  cursor: pointer;
}

.er-attendee-member {
  background: white url("/northstar-primefaces-portlet/images/event/member.gif") no-repeat scroll 98% center !important;
}

.er-attendee-guest {
  background: white url("/northstar-primefaces-portlet/images/event/guest.gif") no-repeat scroll 98% center !important;
}

.er-attendee-child {
  background: white url("/northstar-primefaces-portlet/images/event/child.gif") no-repeat scroll 98% center !important;
}

.er-comment-inptxt {
  width: 100% !important;
}

.er-red-background {
  background: red !important;
}

.er-alert-txt-container {
  margin-bottom: 16px;
}

.p-btn {
  display: inline-block;
  padding: 4px 8px;
  margin-top: 5px;
  text-align: center;
  cursor: pointer;
  background-image: linear-gradient(to bottom, #f6f6f6, #eaeaea);
  box-sizing: border-box;
  text-decoration: none !important;
}

.er-attendee-row-normal-odd {
  background: #fce8e8 !important;
}

.er-attendee-row-normal-even {
  background: #ffffff !important;
}

.er-attendee-row-removed {
  background-color: lightgray !important;
}

.er-attendee-row-waitlist {
  background-color: #ff8c73 !important;
}

/* need to change. It effects whole website. Please add some event class for this particular change
/*.aui input[type="color"], .aui input[type="date"], .aui input[type="datetime"],
	.aui input[type="datetime-local"], .aui input[type="email"], .aui input[type="month"],
	.aui input[type="number"], .aui input[type="password"], .aui input[type="search"],
	.aui input[type="tel"], .aui input[type="text"], .aui input[type="time"],
	.aui input[type="url"], .aui input[type="week"], .aui select, .aui textarea,
	.aui .uneditable-input {
	margin-bottom: 0;
}*/
.er-attendee-head-counts {
  margin-top: 5px;
}

.er-attendee-head-counts td {
  padding: 0 5px 0 0 !important;
}

.er-attendee-head-counts .ui-radiobutton-box {
  margin-bottom: 0 !important;
}

.er-attendee-optional-items-container {
  margin-top: 5px;
}

.er-attendee-optional-items {
  width: auto !important;
}

.er-attendee-optional-item {
  display: flex;
  margin-bottom: 10px;
}

.er-attendee-optional-items td {
  padding: 0 5px 0 0 !important;
}

.er-attendee-optional-items .ui-chkbox-box {
  margin-bottom: 0 !important;
}

.er-attendee-table .ui-selectonemenu {
  margin-bottom: 0;
  margin-top: 3px;
}

.er-attendee-optional-item-quantity {
  height: 20px !important;
  padding: 3px !important;
  text-align: center !important;
  width: 50px !important;
  margin-left: 5px !important;
}

.er-comments-fieldset legend.ui-state-default {
  background: unset;
  border: medium none;
  font-size: unset;
  line-height: unset;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  width: auto !important;
}

.er-no-res-msg-container {
  margin-top: 10px;
  margin-bottom: 15px;
}

.er-no-res-msg {
  margin-bottom: 0 !important;
}

.er-attendee-table-container, .er-res-table-container {
  margin-bottom: 5px;
  background-color: #ffffff;
}

.er-res-table-container {
  margin-top: 10px;
}

.er-attendee-table th {
  background: #ffffff !important;
}

.er-attendee-item-container {
  margin-top: 5px;
}

.er-publish-chkbox-container {
  margin-bottom: 5px;
}

.er-comments-container {
  margin-bottom: 5px;
}

.er-buttons-container {
  text-align: right;
}

.er-waiver-statement-lbl {
  vertical-align: 2px;
}

.er-waiver-agree {
  margin-right: 5px;
}

.er-waiver-inner-container {
  border-radius: 3px;
  display: inline-block;
  padding: 2px;
}

.er-questions-container .ui-tabs-panel {
  padding: 10px 0;
}

.er-questions-container .ui-state-default {
  margin-bottom: 0;
}

.er-questions-container .ui-radiobutton {
  margin: 0 10px 0 0;
}

.er-question-mandatory {
  margin-left: 3px;
  color: #ff0000;
}

.er-questions-answers-lbl-container {
  text-align: right;
}

.er-questions-nav-container {
  margin-top: 20px;
}

.er-item-detail-container {
  text-align: left;
}

.er-item-detail-hr {
  margin: 5px 0 !important;
}

.er-discount-txt {
  color: #ff0000;
  font-style: italic;
  display: block;
}

.er-charges-txt-container {
  text-align: right;
  margin-bottom: 10px;
  font-weight: bold;
}

.er-charge-count-lbl {
  margin-left: 5px;
}

.er-book-for-chkbox {
  margin-left: 30px;
}

.er-book-for-adult-child-container {
  margin-left: 50px;
}

.er-book-for-input {
  width: 45px !important;
  margin-left: 5px !important;
  height: 25px !important;
  text-align: center;
}

.er-book-for-children-lbl {
  margin-left: 5px;
}

.er-add-more-guest {
  text-decoration: none !important;
}

.er-add-more-guest-txt {
  vertical-align: -3px;
  margin-left: 2px;
}

.er-add-more-guest-container {
  padding: 4px 0 5px 0;
}

.er-items-info-img {
  width: 20px;
  height: 20px;
  vertical-align: -4px !important;
}

.er-hide-item-details-link {
  float: right;
}

.er-optional-item-lbl {
  float: left;
  padding: 0;
  margin: 0 10px 0 0;
}

.ui-datatable .ui-selectoneradio.ui-widget.er-attendee-head-counts tbody td {
  padding: 0 5px 0 0 !important;
}

.er-itmes-txt {
  text-decoration: none !important;
}

.er-other-seating-container {
  text-align: center;
}

.er-override-member-rule-container {
  text-align: center;
}

.er-override-member-rule-btn {
  min-width: 100px;
}

.er-override-member-rule-heading {
  margin-bottom: 10px;
}

.er-override-member-rule-msg {
  margin-bottom: 10px;
}

.er-override-member-rule-question {
  margin-bottom: 10px;
}

.er-override-member-rule-btns-container {
  margin-bottom: 10px;
}

.er-alert-container {
  text-align: center;
}

.er-sub-reservations-table {
  table-layout: unset;
  width: auto;
}

.ui-datatable.er-sub-reservations-table thead {
  display: none;
}

.ui-datatable.er-sub-reservations-table {
  margin-bottom: 10px;
}

.er-sub-reservation-lbl-container {
  text-align: left;
}

.er-sub-reservations-table .ui-widget-content {
  background: transparent !important;
}

.er-reservations-table table {
  table-layout: unset;
}

.er-reservations-table th {
  background: #ffffff !important;
}

.ui-datatable.er-child-reservations-table thead {
  display: none;
}

.er-child-reservations-table .ui-widget-content {
  background: transparent !important;
}

.er-res-attendee-icon {
  margin-right: 5px;
}

.er-item-table {
  width: auto !important;
  float: right;
  margin-top: 0px;
}

.er-item-txt-td {
  padding: 0 !important;
  width: auto !important;
  clear: none;
  text-align: right;
}

.er-item-img-td {
  padding: 0 !important;
  width: auto !important;
  clear: none !important;
}

.er-time-img {
  width: 30px;
  height: 30px !important;
  vertical-align: -5px !important;
  margin-left: 5px;
}

.er-date-time-title-container {
  display: block;
}

.er-multiseating-table {
  width: 100%;
  border-collapse: separate !important;
}

.er-multiseating-table th, td {
  padding-bottom: 8px;
}

.er-multiseating-table th, .er-multiseating-table td:nth-child(n+2) {
  padding-left: 8px;
  height: 40px !important;
}

.er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  display: table;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.er-multiseating-table .er-multiseating-chkbx .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  background: #ffffff;
}

.er-multiseating-table .ui-chkbox.ui-widget {
  width: 100%;
  height: 40px;
  margin: 0;
  vertical-align: middle;
}

.er-multiseating-chkbx, .er-multiseating-heading-chkbx {
  cursor: pointer;
}

.er-multiseating-table .ui-chkbox-icon.ui-icon.ui-c {
  display: none;
}

.er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  background: linear-gradient(#f2f2f2, #b3b3b3);
}

.er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  background: linear-gradient(#4aab21, #388118);
}

.er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled {
  opacity: 1;
}

.er-multiseating-chkbx-lbl {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active .er-multiseating-chkbx-lbl {
  color: #ffffff;
}

.eventsReservation-portlet .portlet-borderless-container {
  padding: 0 !important;
}

body.page-maximized {
  padding: 0 10px;
}

.er-back-btn-container {
  margin-bottom: 5px;
}

.er-schedule-info {
  width: 16px;
  height: 16px;
  margin-top: -15px;
}

.er-schedule-dates-info-container {
  display: block;
}

.er-icalendar-img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.er-total-guest-container {
  margin-bottom: 30px;
}

/* 1px to 640px */
@media (min-width: 1px) and (max-width: 640px) {
  .er-available-container {
    margin-top: 5px;
    text-align: right;
  }

  .er-schedules-dropdown {
    width: 100%;
    box-sizing: border-box;
  }

  .er-seating-dropdown {
    width: 100%;
    box-sizing: border-box;
  }

  .er-attendee-type-onemenu {
    width: 100%;
    box-sizing: border-box;
  }

  .p-btn {
    width: 100%;
  }

  .er-comments {
    width: 100% !important;
  }

  .er-questions-container input[type=text] {
    width: 100%;
  }

  .er-attendee-head-counts {
    width: 100% !important;
  }

  .er-attendee-table .ui-expanded-row-content .ui-column-title {
    display: none !important;
  }

  .er-attendee-table .er-col-action .ui-column-title {
    display: none !important;
  }

  .er-attendee-table .er-col-sno {
    display: none !important;
  }

  .er-attendee-table .er-col-action .fa.fa-times, .er-attendee-table .er-col-action .fa.fa-undo {
    float: right;
    font-size: large;
  }

  .ui-datatable tbody td {
    padding: 0 7px !important;
  }

  .er-itmes-txt, .et-total-txt {
    float: right;
  }

  .er-attendee-head-counts td {
    clear: unset !important;
    width: auto !important;
  }

  .er-attendee-optional-items td {
    clear: unset !important;
    width: auto !important;
  }

  .er-attendee-optional-items-container .ui-chkbox {
    margin-right: 0 !important;
  }

  .ui-outputlabel.ui-widget {
    font-size: 11px !important;
  }

  .er-clock-img {
    display: none;
  }

  .er-sub-res-name-col {
    clear: unset !important;
    width: 70% !important;
  }

  .er-sub-res-status-col {
    clear: unset !important;
    width: 30% !important;
  }

  .er-child-reservations-table .er-res-no-col {
    display: none !important;
  }

  .er-reservations-table .ui-expanded-row-content td:nth-child(1) {
    padding: 0 !important;
  }

  .er-item-table {
    width: auto !important;
    float: right;
    margin-top: 5px;
  }

  .er-question-tab {
    width: 48%;
  }

  .ui-icon-circle-triangle-e, .ui-icon-circle-triangle-s {
    position: relative;
    top: -8px;
  }

  .er-attendee-type-txt {
    float: right;
  }
}
/* 641px and above */
@media (min-width: 641px) {
  .er-number-container {
    text-align: right;
  }

  .er-available-container {
    text-align: right;
  }

  .er-col {
    text-align: center !important;
    padding: 5px !important;
  }

  .er-col-sno {
    width: 16px;
  }

  .er-col-action {
    width: 16px;
  }

  .er-col-alert {
    width: 16px;
  }

  .er-col-type {
    width: 65px;
  }

  .p-btn:not(:last-child) {
    margin-right: 5px;
  }

  .er-add-more-guest {
    margin: 0 0 0 58px;
  }

  .er-col-items {
    width: 210px;
    padding-right: 2px !important;
    text-align: right !important;
  }

  .er-col-total {
    width: 75px;
    text-align: right !important;
  }

  .er-attendee-item-container {
    margin-left: 48px;
  }

  .er-attendee-table .er-col-attendee {
    text-align: left !important;
  }

  .er-attendee-table .er-col-type {
    text-align: left !important;
  }

  .er-attendee-table .er-col-type {
    text-align: left !important;
  }

  .er-attendee-table .er-col-items {
    text-align: right !important;
  }

  .er-attendee-table .er-col-total {
    text-align: right !important;
  }

  .er-comments {
    width: 50% !important;
  }

  .er-attendee-head-counts {
    width: auto !important;
  }

  .er-res-toggler-col {
    width: 20px;
  }

  .er-sub-res-name-col {
    text-align: left !important;
  }

  .er-sub-res-status-col {
    text-align: left !important;
    width: 100px;
  }

  .er-reservations-table .ui-expanded-row-content td {
    padding-left: 0;
    padding-right: 0;
  }

  .er-reservations-table .er-res-no-col, .er-reservations-table .er-res-date-col,
.er-reservations-table .er-res-table-no-col, .er-reservations-table .er-res-name-col,
.er-reservations-table .er-res-status-col, .er-reservations-table .er-res-guests-col {
    text-align: left !important;
  }

  .er-sub-reservations-table .er-sub-res-col {
    padding: 2px 5px !important;
    text-align: left;
    padding: 1px 5px;
  }

  .er-sub-res-name-col {
    min-width: 140px;
    width: auto;
  }

  .er-sub-res-status-col {
    min-width: 50px;
    width: auto;
  }

  .er-seating-container {
    display: inline-block;
  }

  .er-scheudle-container {
    display: inline-block;
  }
}
/* 1px to 1000px */
@media (min-width: 1px) and (max-width: 1000px) {
  .er-col-comments {
    width: 100px;
  }
}
/* 1001px and above */
@media (min-width: 1001px) {
  .er-col-comments {
    width: 180px;
  }
}
/* 1px to 850px */
@media (min-width: 1px) and (max-width: 850px) {
  .er-attendee-table thead th, .er-attendee-table tbody td,
.er-attendee-table tfoot td, .er-attendee-table tfoot th {
    padding: 2px 4px;
  }

  .ui-icon-circle-triangle-e {
    background: white url("../images/event/expand.png") center !important;
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    border-radius: 40px;
  }

  .ui-icon-circle-triangle-s {
    background: white url("../images/event/collapse.png") center !important;
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    border-radius: 40px;
  }
}
/* 641px to 850px */
@media (min-width: 641px) and (max-width: 850px) {
  .er-add-more-guest {
    margin: 0 0 0 56px;
  }

  .er-attendee-item-container {
    margin-left: 53px;
  }
}
/* 641px to 740px */
@media (min-width: 641px) and (max-width: 740px) {
  .er-col-items {
    width: 180px;
  }
}
.er-res-no-col {
  min-width: 45px;
}

.er-res-date-col {
  min-width: 75px;
}

.er-res-table-no-col {
  min-width: 50px;
}

.er-res-name-col {
  min-width: 150px;
}

.er-res-status-col {
  min-width: 70px;
}

.er-res-guests-col {
  min-width: 200px;
}

/* 641px to 1121px */
@media (min-width: 641px) and (max-width: 1121px) {
  .er-form a, span, div {
    font-size: 12px;
  }

  .er-res-no-col {
    min-width: 36px;
  }

  .er-res-date-col {
    min-width: 63px;
  }

  .er-res-table-no-col {
    min-width: 41px;
  }

  .er-res-name-col {
    min-width: 135px;
  }

  .er-res-status-col {
    min-width: 55px;
  }
}
/* 641px to 688px */
@media (min-width: 641px) and (max-width: 688px) {
  .er-res-table-no-col {
    display: none;
  }
}
/* ipad Mini width:768px and width:667px*/
@media screen and (width: 768px), screen and (width: 667px) {
  .er-seating-dropdown {
    position: relative;
    top: -8px;
  }

  .er-attendee-type-onemenu {
    position: relative;
    top: -5px;
  }
}
/* ipad Mini Landscape */
@media only screen and (width: 1024px) {
  .er-seating-dropdown {
    position: relative;
    top: -8px;
  }

  .er-attendee-type-onemenu {
    position: relative;
    top: -5px;
  }
}
.ers-total-txt-cont {
  padding: 6px !important;
}

.ers-rounded {
  border-radius: 0.25rem !important;
}

.ers-attendee-list-cont {
  padding: 5px;
}

.ers-attendee-list-cont ul, .ers-attendee-list-cont ol {
  padding: 0;
  margin: 0px !important;
}

.ers-form label, .ers-attendee-inptxt {
  color: #000;
}

.ers-form {
  padding-right: 5px;
  padding-left: 5px;
  overflow-x: hidden;
}

.aui .portlet-borderless-container {
  padding: 0px;
}

.ers-erase-sm {
  padding-right: 10px;
}

.ers-erase-sm .ers-eraser-icon, .ers-remove-sm .fa-undo, .ers-remove-sm .fa-trash-alt {
  color: #0d1f34 !important;
}

.ers-question-view-tab .ui-tabs-nav .ui-tabs-selected, .ers-waiver-wizard .ui-state-highlight {
  background: #191941 !important;
  border-radius: 10px !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7692b0), to(#1b4b6c)) !important;
  background-image: linear-gradient(#7692b0, #7692b0, #7692b0 100%, #7692b0) !important;
}

.ers-question-view-tab .ers-question-tab, .ers-waiver-wizard .ers-waiver-title {
  background: #191941;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34557b), to(#0d1f34));
  background-image: linear-gradient(#34557b, #34557b, #34557b 100%, #34557b) !important;
}

.ers-question-tab a, .ers-waiver-title {
  color: white !important;
}

.ers-ques-cont {
  padding: 5px;
}

.ers-question-view-tab .ui-tabs-panel {
  padding: 0px;
}

.ers-reservation-btn-cont {
  text-align: right;
}

.ers-comments {
  width: 100% !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  margin-bottom: 0px !important;
}

.ers-publish-waiver-que-cont, .ers-comments-cont, .ers-total-reservation-charges-cont {
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571 !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.ers-publish-comment-charge-cont {
  border: 1px solid #ccc !important;
  border-radius: 4px;
  height: auto;
  max-height: 300px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.ers-attendee-row-removed {
  background-color: lightgray !important;
}

.ers-attendee-row-waitlist {
  background-color: #ff8c73 !important;
}

.ers-shopping-heading-img {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 3px;
}

.ers-download-ics-btn {
  display: block !important;
}

.ers-res-num-lbl {
  display: block;
}

.ers-border-left-bottom {
  border-left: 1px solid #000000;
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 5px;
  border-left-color: #000000;
}

.ers-hr {
  margin: 0px !important;
}

.ers-hr-publish {
  margin: 10px 0px !important;
}

.ers-reservation-list-btns {
  padding: 5px;
}

.ers-meal-period, .ers-seating-code, .ers-start-time, .ers-ent-time {
  font-weight: bold;
  padding: 8px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ers-sub-reservations-table {
  table-layout: unset;
  width: auto;
}

.ui-datatable.ers-sub-reservations-table thead {
  display: none;
}

.ui-datatable.ers-sub-reservations-table {
  margin-bottom: 10px;
}

.ers-sub-reservation-lbl-container {
  text-align: left;
}

.ers-sub-reservations-table .ui-widget-content {
  background: transparent !important;
}

.ers-reservations-table table {
  table-layout: unset;
}

.ers-reservations-table th {
  background: #ffffff !important;
}

.ui-datatable.ers-child-reservations-table thead {
  display: none;
}

.ers-child-reservations-table .ui-widget-content {
  background: transparent !important;
}

.ers-res-attendee-icon {
  margin-right: 5px;
}

.ers-res-table-container {
  margin-bottom: 5px;
  background-color: #ffffff;
}

.ers-res-table-container {
  margin-top: 10px;
}

.ers-total-guest-container {
  font-weight: bold;
}

.ers-adult-child-guest-container .ui-chkbox-box, .ers-self-container .ui-chkbox-box, .ers-cancel-checkbox .ui-chkbox-box, .ers-stick-pref-time .ui-chkbox-box {
  background-color: #fff !important;
  background: #fff !important;
  border: 2px solid #0d1f34 !important;
  border-radius: 5px !important;
  color: #1C4257 !important;
  width: 25px !important;
  height: 25px !important;
}

.ers-adult-child-guest-container .ui-chkbox-label, .ers-self-container .ui-chkbox-label, .ers-stick-pref-time .ui-chkbox-label {
  font-weight: 600;
}

.ers-adult-child-container .ui-chkbox .ui-chkbox-label, .ers-stick-pref-time .ui-chkbox-label {
  margin: 4px 0 0 5px !important;
}

.ers-col-attendee-cancel th, .ers-col-sno-cancel th {
  text-align: left !important;
}

.ers-item-info-img {
  width: 16px !important;
  height: 16px !important;
  vertical-align: initial !important;
  display: inline-block;
}

.ers-cancel-btn-cont {
  text-align: right;
  padding: 5px;
}

.ers-attendee-type-heading {
  padding: 11px !important;
  background-color: #9faaaa !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.428571 !important;
  color: #555 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  margin-bottom: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}

.ers-res-no-col {
  min-width: 45px;
}

.ers-res-date-col {
  min-width: 75px;
}

.ers-res-table-no-col {
  min-width: 50px;
}

.ers-res-name-col {
  min-width: 150px;
}

.ers-res-status-col {
  min-width: 70px;
}

.ers-res-guests-col {
  min-width: 200px;
}

.ers-comment-inptxt {
  width: 100% !important;
}

.ers-col-name, .ers-col-items, .ers-col-type, .ers-col-comments, .ers-col-seat, .ers-col-type-lbl {
  width: 98%;
}

.ers-alert-btns-cont, .ers-other-seating-cont, .ers-alert-cont, .ers-alert-container {
  text-align: center;
}

.ers-mandatory-que-info-cont {
  margin: 5px;
  padding: 10px;
  color: #00529B;
  background-color: #BDE5F8;
}

.ers-mandatory-que-info-msg {
  display: inline-block !important;
}

.ers-questions-btn-cont, .ers-other-seating-cancel, .ers-alert-btns-cont, .ers-alert-cont, .ers-waiver-btn-cont {
  padding: 5px;
}

.ers-waiver-inner-txt-cont {
  padding: 5px 0px 0px 3px;
}

.ers-waiver-note-cont, .reservation-event {
  padding: 10px;
}

.details-field {
  width: 96%;
}

.ers-discount-txt {
  color: #ff0000;
  font-style: italic;
  display: block;
}

.ers-charges-txt-container {
  margin-bottom: 5px;
}

.ers-charge-count-lbl {
  margin-left: 5px;
}

.ers-total-reservation-charges-cont {
  text-align: right;
}

.ers-publish-txt {
  padding: 6px;
}

.ers-bold {
  font-weight: bold !important;
}

.ers-form .ui-inputswitch-handle {
  height: 30px !important;
}

.ers-form .ers-publish-switch, .ers-form .ers-waiver-agree {
  height: 30px !important;
  border-radius: 10px;
}

.ers-form .ui-inputswitch-off {
  background-color: #ef4b5b !important;
  height: 30px !important;
}

.ers-form .ui-inputswitch-on {
  background-color: #00b276 !important;
  background: #00b276 !important;
  height: 30px !important;
}

.ers-comments-fieldset legend.ui-state-default {
  background: white !important;
  border: medium none !important;
  font-size: 13px !important;
  line-height: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: underline !important;
  width: auto !important;
}

.ers-col-total {
  width: 55%;
}

.select-day .input-group-prepend {
  display: block !important;
  width: 100%;
}

.select-bookfor .input-group-prepend {
  display: block !important;
  width: 100%;
}

.ers-adult-children-container .input-group-prepend {
  display: block !important;
  width: 100%;
}

.ers-stick-pref-time .input-group-prepend {
  display: block !important;
  width: 100%;
}

.ers-form .panel-body {
  padding: 5px;
}

.ers-close-item-cont {
  margin: 10px;
  padding: 5px 0 5px 0 !important;
  text-align: right;
}

.ers-attendee-inptxt, .ers-attendee-inptxt-container {
  width: 100% !important;
}

.ers-attendee-optional-item-quantity {
  width: 100px !important;
}

.ers-hide-item-details-link {
  border-radius: 60px;
  padding-right: 15px;
  padding: 8px;
  background-color: #0d1f34;
  color: #fff !important;
  font-size: 20px !important;
  font: normal normal normal 14px/1 FontAwesome !important;
}

.ers-remove-and-erase-small {
  float: right;
}

.ers-mandatory-items, .ers-optional-items {
  margin: 10px;
  background: #f3f3f3;
  padding: 10px;
  background: #f3f3f3;
  border: 1px solid;
  border-color: #e0dcdc;
}

.ers-mandatory-txt-lbl, .ers-optional-txt-lbl {
  margin: 10px 0px 0px 10px !important;
}

.ers-remove-and-erase-small {
  display: none;
}

.ers-child-lbl {
  width: 40% !important;
  display: inline-block !important;
  float: right !important;
}

.ers-child-container {
  text-align: end;
}

.ers-attendee-type-onemenu .ui-inputfield {
  box-shadow: none !important;
}

.event-reservation-slot .ers-attendee-type-onemenu {
  background-color: #c5c9c9 !important;
  border-color: #c5c9c9 !important;
}

.event-reservation-slot .ers-attendee-type-onemenu label {
  background-color: #c5c9c9 !important;
  border-color: #c5c9c9 !important;
}

.ers-attendee-list-cont .ui-outputlabel {
  padding: 0px !important;
}

.ers-attendee-inptxt-container .ers-attendee-member.form-control {
  background: white url("../images/event/member.gif") no-repeat scroll 98% center !important;
}

.ers-attendee-inptxt-container .ers-attendee-guest.form-control {
  background: white url("../images/event/guest.gif") no-repeat scroll 98% center !important;
}

.ers-attendee-inptxt-container .ers-attendee-child.form-control {
  background: white url("../images/event/child.gif") no-repeat scroll 98% center !important;
}

.ers-attendee-inptxt-container .ers-attendee-tbd-guest.form-control {
  background: white url("../images/event/guest_tbd.gif") no-repeat scroll 98% center !important;
}

.ers-attendee-inptxt-container .ers-attendee-tbd-child.form-control {
  background: white url("../images/event/child_tbd.gif") no-repeat scroll 98% center !important;
}

.ers-attendee-table-container ul, .ers-attendee-table-container ol {
  margin: 0px !important;
}

.ers-seating-dropdown {
  height: 25px !important;
}

.ers-stick-pref-time .form-control {
  border: none !important;
  border-radius: 10px !important;
}

.ers-adult-lbl, .ers-adult-container, .ers-child-container, .ers-seat-select-and-see-session-cont {
  width: 50% !important;
  display: inline-block !important;
}

.ers-multiday-lbl {
  width: 48% !important;
  display: inline-block !important;
}

.ers-adult-child-input-cont {
  padding: 5px;
}

.ers-adult-input, .ers-child-input {
  width: 80% !important;
}

.ers-book-for, .ers-lottery-total-label, .ers-reservation-total-label, .ers-lottery-lbl {
  text-align: left !important;
}

.ers-self-container, .ers-adult-child-guest-container, .ers-stick-pre-time-lbl {
  padding: 5px;
  display: inline-block !important;
}

.ers-eraser-icon, .ers-remove-icon .fa-trash-alt, .ers-add-more-guest-icon, .ers-remove-sm .fa-trash-alt {
  font-size: 20px !important;
}

.ers-add-more-guest-icon {
  padding-right: 10px;
  vertical-align: bottom;
}

.ers-res-no-col-val {
  padding-left: 59px;
}

.ers-item-inner-cont, .ers-assign-seat-inner-cont {
  border: 1px solid;
  color: #0d1f34 !important;
  padding: 6px 12px !important;
  border-color: #99a1ab !important;
}

.ers-assign-set {
  float: right;
  font-size: 15px;
  padding: 4px;
}

.ers-form .ui-selectonemenu .ui-selectonemenu-label {
  width: 94% !important;
}

.er-multiseating-table th, td {
  padding-bottom: 0px !important;
}

.ers-attendee-name-heading, .ers-type-heading, .ers-total-heading, .ers-items-heading, .ers-total-heading, .ers-comments-heading, .ers-seat-heading {
  margin-top: 5px;
  vertical-align: middle;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ers-attendee-head-counts td {
  vertical-align: middle;
}

.ers-seat-select-and-see-session-cont {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: flex-end !important;
}

.ers-at-txt {
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.ers-schedule-info-cont {
  border-radius: 5px;
  background: white;
}

.ers-schedule-dates-info-container {
  text-align: left;
}

.ers-schedule-dates-info-container {
  display: block;
}

.ers-see-session-lbl, .ers-seat-select-lbl, .ers-chevron-right {
  color: black;
  font-size: 12px;
  padding: 5xp;
}

.ers-schedule-info-img {
  width: 15px;
  height: 15px;
}

.ers-portlet-msg-alert {
  color: #bf7900;
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fffbdc;
  border: 1px solid #f1d875;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.copy-clipboard-btn {
  padding: 8px 20px;
  margin-top: -1px;
}

.ers-reservation-url-container {
  padding: 5px;
}

.ers-reservation-url {
  width: 100% !important;
  margin: 0px !important;
  min-height: 34px !important;
  padding: 7px 8px !important;
  font-size: 13px !important;
  color: #333 !important;
  vertical-align: middle !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  border: 1px solid #ccc !important;
  border-radius: 3px !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075) !important;
}

.ers-reservation-url-container .btn {
  padding: 9px 21px;
  border: 0;
  border-radius: 5px;
  margin: 0px 2px;
}

.ers-clipboard-msg {
  background: #121212 !important;
  border-radius: 2px !important;
  box-shadow: 0px 0px 9px #7C8078 !important;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
}

.ers-res-status-cont, .ers-res-num-cont, .ers-download-ics-link-cont, .ers-available-cont {
  margin-top: 0px;
}

.ers-res-num, .ers-ics-link {
  display: inline-block !important;
}

.ers-event-status-cont, .ers-res-status-cont {
  margin: 0px;
}

.ers-res-shopping-cart-icon {
  margin-right: 5px;
}

.ers-status-lbl, .ers-number-lbl, .ers-lottery-status-lbl, .ers-res-status-lbl, .ers-res-num-lbl, .ers-download-ics-link-lbl, .ers-available-lbl {
  width: 100%;
}

.ics-file-download-icon {
  margin-right: 5px;
}

.ers-name-container {
  background-color: #cfd5d5 !important;
}

.ers-name {
  font-weight: 600;
}

.ers-font-bold {
  font-weight: 600;
}

.ers-seating-dropdown .ui-inputfield {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ics-file-download-link {
  margin-left: 80px;
}

.ers-seating-container .input-group-prepend {
  padding-bottom: 4px;
}

.ers-full-width {
  width: 99%;
}

.ers-seating-txt, .ers-schedules-txt {
  font-weight: 600;
  line-height: normal;
  padding: 6.5px 3px;
  margin: 3px;
  display: inline-block;
}

.ers-seat-select-lbl-cont {
  font-weight: 600;
  line-height: normal;
  padding: 5px 10px;
  background-color: #c5c9c9 !important;
  border-color: #c5c9c9 !important;
  border-radius: 5px;
  display: inline-block;
  margin: 5px !important;
}

.ers-scheudle-container span.ui-grid-col-5 {
  width: 36%;
}

.ers-adult-child-container .ui-icon-check, .ers-cancel-checkbox .ui-icon-check, .ers-stick-pre-time-lbl .ui-icon-check {
  background-position: -60px -140px !important;
}

.select-day, .select-bookfor, .ers-adult-children-container, .ers-stick-pref-time {
  padding: 3px 5px;
}

.event-reservation-slot input, .event-reservation-slot select {
  color: #0d1f34 !important;
  border-color: #99a1ab !important;
  padding: 10px !important;
  height: auto !important;
  font-size: 14px !important;
  font-weight: 700;
  min-width: 100%;
}

.event-reservation-slot select {
  min-width: 100px;
}

.event-reservation-slot label {
  text-transform: uppercase !important;
  font-size: 12px;
  font-weight: 700 !important;
  color: #0d1f34 !important;
}

.ers-attendee-items-detail-cont input {
  color: #0d1f34 !important;
  border-color: #99a1ab !important;
  font-size: 14px !important;
  font-weight: 700;
  min-width: 30%;
}

.ers-attendee-item-detail-row {
  padding: 0px 8px 10px 10px;
}

.ers-attendee-item-detail-cont {
  border: 1px solid;
  border-color: #e0dcdc;
}

.ers-attendee-items-detail-cont label {
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0d1f34 !important;
  padding-left: 5px !important;
}

.ers-form .ui-selectoneradio label {
  margin-top: 0px !important;
}

.ers-scheudle-container {
  padding: 0px 2px 2px 2px;
}

.select-day .fa-clock-o {
  font-size: 20px;
}

.select-day .input-group .form-control, .ers-seating-dropdown {
  border-radius: 5px 5px 5px 5px !important;
  border-color: #e2e2e2 !important;
  font-weight: 700;
  color: #0d1f34 !important;
  height: 40px !important;
  padding: 0px !important;
}

.ers-ticket-seating-cont .form-control {
  border-radius: 5px 5px 5px 5px !important;
  border-color: #e2e2e2 !important;
  font-weight: 700;
  color: #0d1f34 !important;
  height: 40px !important;
  padding: 0px !important;
}

.ers-seating-dropdown-cont .ui-selectonemenu-label, .ers-seating-dropdown .ui-selectonemenu-label {
  width: 95% !important;
  margin: 5px;
}

.ers-schedules-dropdown .ui-selectcheckboxmenu-label, .ers-schedules-dropdown .ui-selectcheckboxmenu-trigger {
  margin: 5px !important;
  background: #fff !important;
  height: 28px !important;
}

.select-day .input-group .input-group-prepend .input-group-text {
  border-radius: 5px 0px 0px 5px !important;
  background-color: #0d1f34;
  color: #fff;
  border: 0px;
  border-radius: 8px 8px 0px 0px !important;
}

.select-day .input-group {
  border: 2px solid #e6e6e6;
  border-radius: 10px;
}

.ers-serial-number {
  background-color: #dddddd;
  padding: 0px 10px 0px;
  border-radius: 8px 0px 0px 8px;
  line-height: 80px;
  min-height: 80px;
  vertical-align: middle !important;
  font-weight: bold;
}

.ers-remove-icon {
  background-color: #ef4b5b;
  padding: 0px 6px 0px;
  border-radius: 0px 8px 8px 0px;
  min-height: 100%;
  line-height: 80px;
  vertical-align: middle !important;
  position: absolute;
  right: 0px;
  color: #fff !important;
  font-size: 20px;
}

.ers-remove-icon :hover {
  background-color: #e03646;
}

.event-reservation-slot {
  position: relative;
  border: 1px solid #e2e2e2;
  margin: 10px 5px 0px 5px;
  display: flex;
  border-radius: 10px;
}

.ers-add-guest-member-cont {
  padding: 5px 10px 6px 10px;
}

.event-reservation-slot:hover {
  background: #f3f3f3;
}

.ers-attendee-items-detail-con {
  position: relative;
  border: 1px solid #e2e2e2;
  margin: 10px;
  display: flex;
  border-radius: 10px;
}

.details-field {
  width: 94.4%;
}

.details-field ul {
  margin: 0px;
  padding: 0px 10px;
  display: flex;
}

.details-field ul li {
  list-style: none;
  display: inline-block;
  margin: 0px 5px !important;
}

.details-field ul li:first-child {
  margin: 0px 8px !important;
}

.eraser-row-btn {
  display: inline-block;
  border-radius: 60px;
  padding: 10px;
  background-color: #0d1f34;
  color: #fff !important;
  margin-top: 25px;
  font-size: 20px !important;
  font: normal normal normal 14px/1 FontAwesome !important;
}

/* Attendee Field */
.input-group.with-icon > input::-ms-clear {
  display: none;
}

.input-group.with-icon > i {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  z-index: 3;
  top: 50%;
}

.input-group.with-icon > i,
.input-group.with-icon.icon-right > i {
  right: 0.7rem;
  color: #044dbb;
}

.input-group.with-icon > input,
.input-group.with-icon.icon-right > input {
  padding-right: 1.7rem;
}

.input-group.with-icon.icon-shy > i {
  z-index: 1;
}

/* Book For */
.select-bookfor .input-group-text {
  border: 0px !important;
  background-color: #0d1f34 !important;
  padding: 12px !important;
  color: #fff !important;
  font-size: 14px !important;
  border-radius: 8px 8px 0px 0px !important;
}

.ers-book-for-container label {
  margin-bottom: 0px !important;
}

.ers-book-for-container {
  padding-bottom: 2px;
}

.ers-adult-children-container .input-group-text {
  border: 0px;
  background-color: #0d1f34;
  padding: 5px 0px;
  font-size: 14px !important;
  border-radius: 8px;
}

.ers-adult-children-container .input-group-text label {
  color: #fff !important;
}

.ers-stick-pref-time .input-group-text {
  border: 0px;
  background-color: #0d1f34;
  padding: 10px 10px 10px 50px;
  color: #fff;
  font-size: 14px !important;
  border-radius: 8px;
}

.select-day .input-group-text {
  border: 0px;
  background-color: #0d1f34;
  color: #fff;
  font-size: 14px !important;
  border-radius: 8px;
  padding: 10px 0px 10px 10px;
}

.select-bookfor .input-group {
  border: 2px solid #e6e6e6;
  border-radius: 10px !important;
}

.ers-adult-children-container .input-group {
  border: 2px solid #e6e6e6;
  border-radius: 10px !important;
}

.ers-stick-pref-time .input-group {
  border: 2px solid #e6e6e6;
  border-radius: 10px !important;
}

.select-bookfor .bookfor-label ul {
  margin: 0;
  display: flex;
  padding: 10px;
}

.select-bookfor .bookfor-label ul li {
  display: inline;
  margin: 0px 10px;
  color: #0d1f34;
  font-weight: 700;
}

/* Publish Event */
.ers-publish-event {
  padding: 10px !important;
  padding-top: 0px !important;
}

.ers-publish-event .ers-total-reservation-charges-cont {
  font-size: 35px;
  font-weight: 700;
}

/* Add Guest Member Button */
.ers-add-guest-member .btn-light {
  color: white !important;
  padding: 5px 15px !important;
  background-color: #0d1f34 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #191941 !important;
}

.ers-form .btn-primary span {
  padding-left: 20px;
}

.ers-add-guest-member .btn-light {
  background-color: #0d1f34;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d1f34), to(#0d1f34)) !important;
  background-image: linear-gradient(#0d1f34, #0d1f34, #0d1f34 100%, #0d1f34) !important;
  border: 2px solid #0d1f34 !important;
}

.ers-form .btn-primary, .ers-form .btn-danger, .ers-form .btn-success, .ers-form .btn-secondary, .ers-form .btn-info, .ers-form .btn-dark, .ers-form .btn-close {
  padding: 8px 20px;
  border: 0px;
  border-radius: 5px;
  margin: 5px 2px;
  font-size: 14px;
}

.ers-form .btn-primary:hover, .ers-form .btn-primary:focus, .ers-form .btn-primary[disabled] {
  color: white !important;
  background-color: #4790e6 !important;
}

.ers-form .btn-primary, .ers-yes-btn {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4790e6), to(#4790e6)) !important;
  background-image: linear-gradient(#4790e6, #4790e6, #4790e6 100%, #4790e6) !important;
  border: 2px solid #007a51 !important;
  background-color: #4790e6;
  border: 2px solid #2b5a91 !important;
}

.ers-form .btn-success:hover, .ers-form .btn-success:focus, .ers-form .btn-success[disabled] {
  color: white !important;
  background-color: #00b276 !important;
  border-color: #1e7e34 !important;
}

.ers-form .btn-success {
  background-color: #00b276;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b276), to(#00b276)) !important;
  background-image: linear-gradient(#00b276, #00b276, #00b276 100%, #00b276) !important;
  border: 2px solid #007a51 !important;
}

.ers-form .btn-danger:hover, .ers-form .btn-danger:focus, .ers-form .btn-danger[disabled] {
  color: white !important;
  background-color: #ef4b5b !important;
}

.ers-form .btn-danger, .ers-no-btn {
  border: 2px solid #bc1a2a !important;
  background-color: #ef4b5b;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef4b5b), to(#ef4b5b)) !important;
  background-image: linear-gradient(#ef4b5b, #ef4b5b, #ef4b5b 100%, #ef4b5b) !important;
}

.ers-form .btn-secondary:hover, .ers-form .btn-secondary:focus, .ers-form .btn-secondary[disabled] {
  color: white !important;
  background-color: #6c757d !important;
}

.ers-form .btn-secondary {
  color: white !important;
  border: 2px solid #6c757d !important;
  background-color: #6c757d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c757d), to(#6c757d)) !important;
  background-image: linear-gradient(#6c757d, #6c757d, #6c757d 100%, #6c757d) !important;
  border: 2px solid #6c757d !important;
}

.ers-form .btn-secondary:hover, .ers-form .btn-secondary:focus, .ers-form .btn-secondary[disabled] {
  color: white !important;
  background-color: #6c757d !important;
}

.ers-form .btn-info {
  color: white !important;
  border: 2px solid #17a2b8 !important;
  background-color: #17a2b8;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#17a2b8), to(#17a2b8)) !important;
  background-image: linear-gradient(#17a2b8, #17a2b8, #17a2b8 100%, #17a2b8) !important;
  border: 2px solid #17a2b8 !important;
}

.ers-form .btn-info:hover, .ers-form .btn-info:focus, .ers-buttons-info .btn-info[disabled] {
  color: white !important;
  background-color: #17a2b8 !important;
}

.ers-form .btn-dark {
  color: white !important;
  border: 2px solid #343a40 !important;
  background-color: #343a40;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#343a40), to(#343a40)) !important;
  background-image: linear-gradient(#343a40, #343a40, #343a40 100%, #343a40) !important;
  border: 2px solid #343a40 !important;
}

.ers-form .btn-dark:hover, .ers-form .btn-dark:focus, .ers-buttons-dark .btn-dark[disabled] {
  color: white !important;
  background-color: #343a40 !important;
}

.ers-form .btn-secondary {
  color: white !important;
  border: 2px solid #6c757d !important;
  background-color: #6c757d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c757d), to(#6c757d)) !important;
  background-image: linear-gradient(#6c757d, #6c757d, #6c757d 100%, #6c757d) !important;
  border: 2px solid #6c757d !important;
}

.ers-form .btn-danger span, .ers-form .btn-success span, .ers-form .btn-secondary span, .ers-form .btn-info span, .ers-form .btn-dark span {
  padding-left: 10px;
}

.ers-yes-btn, .ers-no-btn {
  padding: 8px 20px !important;
  border: 0px !important;
  border-radius: 5px !important;
  margin: 5px 2px !important;
  font-size: 17px !important;
}

/* multi seating  control*/
.ers-multiseating-table {
  width: 100%;
  border-collapse: separate !important;
}

.ers-multiseating-table th, .ers-multiseating-table td {
  padding-bottom: 8px;
}

.ers-multiseating-table th, .ers-multiseating-table td:nth-child(n+2) {
  padding-left: 8px;
  height: 40px !important;
}

.ers-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  display: table;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.ers-multiseating-table .ers-multiseating-chkbx .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  background: #ffffff;
}

.ers-multiseating-table .ui-chkbox.ui-widget {
  width: 100%;
  height: 40px;
  margin: 0;
  vertical-align: middle;
}

.ers-multiseating-chkbx, .ers-multiseating-heading-chkbx {
  cursor: pointer;
}

.ers-multiseating-table .ui-chkbox-icon.ui-icon.ui-c {
  display: none;
}

.ers-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  background: linear-gradient(#f2f2f2, #b3b3b3);
  border-radius: 10px;
}

.ers-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
  background: #191941;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34557b), to(#0d1f34));
}

.ers-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled {
  opacity: 1;
}

.ers-multiseating-chkbx-lbl {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.ers-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active .ers-multiseating-chkbx-lbl {
  color: #ffffff;
}

.ers-multiseating-control-heading {
  padding: 15px;
  color: #fffdfd !important;
  background: #191941;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34557b), to(#0d1f34));
}

.ers-multiseating-btns, .ers-multiseating-selection-control {
  padding: 5px;
}

.ers-multiseating-control-lbl {
  font-size: 20px;
  font-weight: bold;
}

.ers-multiseating-schedule-date-chkbx .ers-multiseating-chkbx-lbl {
  background: #191941;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34557b), to(#0d1f34));
  color: white;
}

.ers-items-txt, .ers-attendee-seat {
  display: inline-block;
  vertical-align: middle;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* for Stdoium */
svg {
  width: 95%;
  height: 100%;
}

.zoomContainer {
  z-index: 10;
  position: absolute;
  right: 50px;
  margin-top: 30px;
}

.ers-seating-not-msg {
  font-style: italic;
  font-weight: bold;
  color: #FF6600;
  padding-left: 20px;
}

.zoom-reset-icon, .zoom-out-icon {
  margin-top: 10px;
  font-size: 25px;
  cursor: pointer;
}

.zoom-in-icon {
  margin-bottom: 10px;
  font-size: 25px;
  cursor: pointer;
}

.es-slider {
  height: 200px !important;
  left: 4px;
}

.legend .seatAvailable {
  background-color: #EEEEEE;
  cursor: pointer !important;
  color: black;
}

.seatAvailable, .seatReserved, .seatHold {
  border: solid thin black;
  text-align: center;
  min-width: 20px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}

.legendLabel {
  font-weight: bold;
  padding-left: 3px;
  padding-right: 10px;
}

.seatReserved {
  background-color: #555555;
  color: white;
}

.seatHold {
  background-color: #2222FF;
  color: white;
}

.selectedSeat {
  background-color: green !important;
  color: white;
}

.seat {
  width: 30px;
  padding: 2px;
  cursor: default;
}

.seat, .seatGroup {
  display: inline-block;
  text-align: center;
}

.seatAvailable {
  background-color: #EEEEEE;
  cursor: pointer !important;
  color: black;
}

.es-legend-container {
  padding-left: 10px;
}

.ers-cross {
  margin-left: 10px;
}

.ers-cross-icon {
  font-size: 24px;
}

#mainViewContainer {
  width: 98%;
  height: 98%;
  border: 1px solid black;
  margin: 10px;
  padding: 3px;
  overflow: hidden;
}

.main-view {
  width: 100%;
  height: 100%;
  display: inline;
  min-height: 300px;
}

.thumbViewClass {
  border: 1px solid black;
  position: absolute;
  top: 40px;
  right: 15px;
  width: 20%;
  height: 30%;
  margin: 3px;
  padding: 3px;
  overflow: hidden;
}

#scopeContainer {
  z-index: 120;
}

.ers-buy-ticket-cont, .ers-assign-seats-cont {
  background-color: #ddd;
  font-weight: bold;
}

.ers-ticket-seating-cont {
  padding: 10px 5px 10px 5px;
}

.ers-ok-cancel-btn-cont {
  padding: 5px;
  text-align: right;
}

.ers-buy-ticket-cont .ers-quick-pick-attendee {
  with: 100% !important;
}

.ers-quick-pick-attendee-cont .ers-quick-pick-attendee {
  width: 100% !important;
}

.event-reservation-slot .form-group {
  margin-bottom: 0px !important;
}

.ers-res-status-txt br {
  display: none;
}

.ers-back-btn-container {
  padding: 5px 0px;
}

.ers-content-and-info-panel-body label {
  margin-bottom: 0px;
}

.ers-content-and-info-panel-body {
  margin: 10px 0px 5px 10px;
}

.ers-content-and-info-panel-body .ui-outputlabel {
  padding: 0px !important;
}

.ers-expanded-row td {
  padding: 0px !important;
}

.ers-child-res-container td {
  padding: 8px !important;
}

.ers-publish-lbl, .ers-publish-swith-cont, .ers-waiver-inner-txt-cont, .ers-waiver-switch {
  display: inline-block;
  vertical-align: top;
}

.ers-waiver-inner-txt-cont {
  max-width: 67%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-reservation-list {
  float: left;
}

.ers-quick-pick-attendee .ui-spinner-input {
  text-align: left;
  border: none !important;
}

.ers-confirmdialog {
  overflow-y: hidden !important;
}

.ers-sub-res-status-col {
  width: 20% !important;
}

.ers-confirmdialog {
  overflow-y: hidden !important;
}

.ers-quick-pick-attendee .ui-spinner-input {
  text-align: left;
  border: none !important;
}

.ers-confirmdialog {
  height: 166px;
}

.ers-time-left-val, .ers-time-left-lbl {
  color: #dd6262 !important;
}

.res-hold-time-info-panel {
  margin-bottom: 0px;
}

.ers-res-hold-time-cont .panel-heading {
  padding-bottom: 0px;
}

.ers-res-hold-time-cont .ers-hold-res-warn-msg-cont {
  padding: 5px 0px 10px 15px;
}

.ers-res-hold-time-cont {
  background: #ef4b5b;
  color: white;
  border-radius: 5px;
  margin: 5px 0px 5px 0px;
}

/* For Mobile Responsive  */
@media (max-width: 767.98px) {
  .event-reservation-slot {
    display: block;
  }

  .ers-attendee-items-detail-con {
    display: block;
  }

  .ers-serial-number {
    display: block;
    min-height: auto;
    padding: 10px;
    line-height: 20px;
    border-radius: 5px 5px 0px 0px;
  }

  .details-field {
    width: 100%;
  }

  .details-field ul {
    display: block !important;
    padding: 10px;
  }

  .details-field ul li {
    display: inline-grid !important;
  }

  .details-field ul li.eraser-row {
    display: none !important;
  }

  .event-reservation-slot .form-group, .event-reservation-slot .form-control {
    margin-bottom: 10px;
  }

  .ers-attendee-items-detail-con .form-control {
    margin-bottom: 10px;
  }

  .input-group.with-icon > i {
    top: 40%;
  }

  .ers-publish-event label {
    font-size: 14px;
    margin: 0;
  }

  .ers-publish-event .ers-total-reservation-charges-cont {
    font-size: 25px;
  }

  .ers-publish-event label.publishlabel {
    margin-left: 0px;
    margin-top: 10px;
  }

  .ers-add-guest-member + hr {
    margin: 0;
  }

  .ers-publish-events-switch {
    margin: 15px 0;
  }

  .ers-form .btn-primary, .ers-form .btn-danger, .ers-form .btn-success, .ers-form .btn-secondary, .ers-form .btn-dark, .ers-form .btn-info {
    width: 100%;
  }

  .ers-publish-event .totalreservationcharges {
    margin: 10px 0px;
  }

  a.mdelete .fa, a.meraser .fa {
    margin: 0px 8px !important;
    color: #000;
    font-size: 18px;
  }

  .deletebtn a {
    display: none;
  }

  .ers-waiver-title {
    width: 100%;
  }

  .ers-border-left-bottom {
    border-bottom: 1px solid #919191 !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #919191 !important;
  }

  .ers-border-left-bottom {
    border-left: 0px solid #919191;
    border-left-width: 0px;
  }

  .ers-event-status-cont, .ers-res-status-cont, .ers-download-ics-link-cont, .ers-res-num-cont, .ers-number-cont, .ers-available-cont, ers-res-hold-timer-cont {
    padding: 8px;
  }

  .ers-event-status-cont .ui-outputlabel, .ers-res-status-cont .ui-outputlabel, .ers-number-cont .ui-outputlabel, .ers-available-cont .ui-outputlabel {
    padding: 0px !important;
  }

  .ers-status, .ers-number, .ers-res-status-txt, .ers-res-num, .ers-shopping-heading-img, .ers-download-ics-btn, .ers-available-val, .ers-time-left-val {
    display: inline-block !important;
    float: right;
  }

  .ers-content-and-info-panel-body {
    padding: 0px !important;
  }

  .ers-res-num-lbl {
    display: contents !important;
  }

  .ers-seating-with-schedule-txt .ers-seating-txt {
    margin-left: 0px !important;
  }

  .ers-delete-btn-icon {
    display: none !important;
  }

  .ers-remove-and-erase-small {
    display: block !important;
  }

  .ers-attendee-table thead th, .ers-attendee-table tbody td,
.ers-attendee-table tfoot td, .ers-attendee-table tfoot th {
    padding: 2px 4px;
  }

  .ers-res-toggler-col .ui-icon-circle-triangle-e {
    background: white url("../images/event/expand.png") center !important;
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    border-radius: 40px;
  }

  .ers-res-toggler-col .ui-icon-circle-triangle-s {
    background: white url("../images/event/collapse.png") center !important;
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    border-radius: 40px;
  }

  .ers-publish-lbl {
    display: inline-block !important;
    position: absolute;
  }

  .ers-waiver-container {
    margin: 5px 0px 5px 0px;
  }

  .ers-col-total {
    width: 97%;
  }

  .ers-total-heading {
    display: inline-block !important;
  }

  .ers-total-txt-cont {
    display: inline-block;
    float: right;
  }

  .ers-content-and-info-panel-body {
    margin: 0px !important;
  }

  .btn-reservation-list {
    float: none !important;
  }
}
@media only screen and (max-width: 1920px) and (min-width: 1800px) {
  .event-reservation-slot input {
    min-width: 333px;
  }
}
@media only screen and (max-width: 1801px) and (min-width: 1700px) {
  .event-reservation-slot input {
    min-width: 300px;
  }
}
@media only screen and (max-width: 1701px) and (min-width: 1600px) {
  .event-reservation-slot input {
    min-width: 280px;
  }
}
@media only screen and (max-width: 1601px) and (min-width: 1500px) {
  .event-reservation-slot input {
    min-width: 250px;
  }
}
@media only screen and (max-width: 1501px) and (min-width: 1400px) {
  .event-reservation-slot input {
    min-width: 230px;
  }
}
/* 641px and above */
@media (min-width: 1px) and (max-width: 640px) {
  .es-slider {
    height: 150px !important;
  }

  .zoomContainer {
    display: none;
  }

  svg {
    width: 100%;
  }
}
@media only screen and (width: 1024px) {
  svg {
    width: 100%;
  }

  .zoomContainer {
    display: none !important;
  }
}
@media screen and (width: 768px), screen and (width: 667px) {
  svg {
    width: 100%;
  }

  .zoomContainer {
    display: none !important;
  }

  .ers-event-status-cont {
    width: 22%;
  }

  .ers-res-status-cont, .ers-download-ics-link-cont {
    width: 20%;
  }

  .ers-res-num-cont {
    width: 15%;
  }

  .ers-number-cont, .ers-available-cont {
    width: 11%;
  }
}
/*landscape*/
@media only screen and (min-device-width: 812px) and (max-device-width: 812px) and (orientation: landscape) {
  .ers-event-status-cont {
    width: 22%;
  }

  .ers-res-status-cont, .ers-download-ics-link-cont {
    width: 20%;
  }

  .ers-res-num-cont {
    width: 15%;
  }

  .ers-number-cont, .ers-available-cont {
    width: 11%;
  }

  .ers-content-and-info-panel-body {
    margin: 0px !important;
  }
}
/* 641px to 1121px */
@media (min-width: 641px) and (max-width: 1121px) {
  .ers-form a, span, div {
    font-size: 12px;
  }

  .ers-res-no-col {
    min-width: 36px;
  }

  .ers-res-date-col {
    min-width: 63px;
  }

  .ers-res-table-no-col {
    min-width: 41px;
  }

  .ers-res-name-col {
    min-width: 135px;
  }

  .ers-res-status-col {
    min-width: 55px;
  }
}
/* 641px and above */
@media (min-width: 641px) {
  .ers-res-toggler-col {
    width: 20px;
  }

  .ers-sub-res-name-col {
    text-align: left !important;
  }

  .ers-sub-res-status-col {
    text-align: left !important;
    width: 100px;
  }

  .ers-reservations-table .ers-res-no-col, .ers-reservations-table .ers-res-date-col, .ers-reservations-table .ers-res-seating-col,
.ers-reservations-table .ers-res-table-no-col, .ers-reservations-table .ers-res-name-col,
.ers-reservations-table .ers-res-status-col, .ers-reservations-table .ers-res-guests-col {
    text-align: left !important;
  }

  .ers-sub-reservations-table .ers-sub-res-col {
    padding: 2px 5px !important;
    text-align: left;
    padding: 1px 5px;
  }

  .ers-sub-res-name-col {
    min-width: 140px;
    width: auto;
  }

  .ers-sub-res-status-col {
    min-width: 50px;
    width: auto;
  }
}
@media (max-width: 1740px) {
  .select-bookfor .input-group-prepend .input-group-text {
    border-radius: 8px 8px 0px 0px;
  }

  .ers-adult-children-container .input-group-prepend .input-group-text {
    border-radius: 8px 8px 0px 0px;
    padding-left: 5px;
  }

  .ers-stick-pref-time .input-group-prepend .input-group-text {
    border-radius: 8px 8px 0px 0px;
    padding-left: 10px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .ers-border-left-bottom {
    border-bottom: 1px solid #919191 !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #919191 !important;
  }

  .ers-border-left-bottom {
    border-left: 0px solid #919191;
    border-left-width: 0px;
  }

  .ers-event-status-cont, .ers-res-status-cont, .ers-download-ics-link-cont, .ers-res-num-cont, .ers-number-cont, .ers-available-cont, .ers-res-hold-timer-cont {
    padding: 8px;
  }

  .ers-event-status-cont .ui-outputlabel, .ers-res-status-cont .ui-outputlabel, .ers-number-cont .ui-outputlabel, .ers-available-cont .ui-outputlabel {
    padding: 0px !important;
  }

  .ers-status, .ers-number, .ers-res-status-txt, .ers-res-num, .ers-shopping-heading-img, .ers-download-ics-btn, .ers-available-val, .ers-time-left-val {
    display: inline-block !important;
    float: right;
  }

  .ers-content-and-info-panel-body {
    padding: 0px !important;
  }

  .ers-res-num-lbl {
    display: contents !important;
  }

  .ers-seating-with-schedule-txt .ers-seating-txt {
    margin-left: 0px !important;
  }

  .ers-content-and-info-panel-body div, .ers-seating-and-available-container, .ers-adult-child-container, .ers-adult-children-container {
    width: 100%;
  }

  .ers-content-and-info-panel-body {
    margin: 0px !important;
  }

  .event-reservation-slot, .ers-remove-and-erase-small {
    display: block !important;
  }

  .ers-serial-number {
    display: block;
    min-height: auto;
    padding: 10px;
    line-height: 20px;
    border-radius: 5px 5px 0 0;
  }

  .ers-delete-btn-icon, .ers-col-eraser {
    display: none !important;
  }

  .details-field {
    width: 100%;
  }

  .details-field {
    padding-bottom: 5px;
  }

  .details-field ul {
    display: block !important;
    padding: 10px;
  }

  .ers-col-total {
    width: 97%;
  }

  .ers-total-heading {
    display: inline-block !important;
  }

  .ers-col-name, .ers-col-type, .ers-col-comments, .ers-col-seat, .ers-col-items, .ers-col-total, .ers-col-type-lbl {
    width: 47.6%;
    display: inline-grid !important;
  }

  .btn-reservation-list {
    float: none !important;
  }
}
@media (min-width: 430px) and (max-width: 1050px) {
  .ers-border-left-bottom {
    border-bottom: 1px solid #919191 !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #919191 !important;
  }

  .ers-border-left-bottom {
    border-left: 0px solid #919191;
    border-left-width: 0px;
  }

  .ers-event-status-cont, .ers-res-status-cont, .ers-download-ics-link-cont, .ers-res-num-cont, .ers-number-cont, .ers-available-cont, .ers-res-hold-timer-cont {
    padding: 8px;
  }

  .ers-event-status-cont .ui-outputlabel, .ers-res-status-cont .ui-outputlabel, .ers-number-cont .ui-outputlabel, .ers-available-cont .ui-outputlabel {
    padding: 0px !important;
  }

  .ers-status, .ers-number, .ers-res-status-txt, .ers-res-num, .ers-shopping-heading-img, .ers-download-ics-btn, .ers-available-val, .ers-time-left-val {
    display: inline-block !important;
    float: right;
  }

  .ers-content-and-info-panel-body {
    padding: 0px !important;
  }

  .ers-res-num-lbl {
    display: contents !important;
  }

  .ers-seating-with-schedule-txt .ers-seating-txt {
    margin-left: 0px !important;
  }

  .ers-content-and-info-panel-body div, .ers-seating-and-available-container, .ers-adult-child-container, .ers-adult-children-container {
    width: 100%;
  }

  .ers-content-and-info-panel-body {
    margin: 0px !important;
  }

  .event-reservation-slot, .ers-remove-and-erase-small {
    display: block !important;
  }

  .ers-serial-number {
    display: block;
    min-height: auto;
    padding: 10px;
    line-height: 20px;
    border-radius: 5px 5px 0 0;
  }

  .ers-delete-btn-icon, .ers-col-eraser {
    display: none !important;
  }

  .details-field {
    width: 100%;
  }

  .details-field {
    padding-bottom: 5px;
  }

  .details-field ul {
    display: block !important;
    padding: 10px;
  }

  .ers-col-total {
    width: 97%;
  }

  .ers-total-heading {
    display: inline-block !important;
  }

  .ers-col-name, .ers-col-type, .ers-col-comments, .ers-col-seat, .ers-col-items, .ers-col-total, .ers-col-type-lbl {
    width: 47.6%;
    display: inline-grid !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ers-seating-txt, .ers-schedules-txt {
    padding: 7px 3px;
    margin: 2px;
  }

  .ers-child-input {
    float: right;
  }

  .ers-mandatory-items .ui-state-default {
    margin-bottom: 0px !important;
  }
}
@supports (-ms-ime-align: auto) {
  .ers-seating-txt, .ers-schedules-txt {
    padding: 9px 3px;
    margin: 2px;
  }

  .ers-child-input {
    float: right;
  }

  .ers-mandatory-items .ui-state-default {
    margin-bottom: 0px !important;
  }
}
i.fa.fa-clock.fa-2x.distant.ers-clock-icon {
  font-size: 20px !important;
  vertical-align: middle !important;
}

.input-group-text {
  font-weight: 200 !important;
}

a.ers-itmes-txt {
  vertical-align: text-top !important;
}

body .ui-inputswitch .ui-inputswitch-handle {
  border: 1px solid #a8a8a8;
  background: #c4c4c4 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
  background: #c4c4c4 -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  font-weight: bold;
  color: #4f4f4f;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}

.ui-inputswitch-on.ui-state-active span, .ui-inputswitch-off span {
  vertical-align: sub !important;
  color: #555 !important;
}

.ui-confirm-dialog span.ui-button-text.ui-c {
  display: inline-block !important;
}

body .ui-dialog .ui-dialog-footer {
  text-align: left !important;
}

.ers-multiday-lbl {
  text-align: left !important;
}

.ers-scheudle-container, .ers-scheudle-container .ui-selectcheckboxmenu {
  width: 100% !important;
}

.ers-scheudle-container .ui-selectcheckboxmenu {
  margin-bottom: 0px !important;
}

.ers-adult-lbl {
  text-align: left !important;
  float: left !important;
}

.ers-child-lbl {
  text-align: left !important;
}

.copy-clipboard-btn {
  background: #f1f1f1 !important;
}

.ers-reservation-url-container input[type=text] {
  padding: 7px 8px !important;
}

.ers-adult-child-guest-container {
  margin-left: 20px !important;
}

.ers-adult-child-container input {
  margin-bottom: 0 !important;
}

.ers-adult-children-container input {
  height: 32px !important;
  padding: 6px 12px !important;
}

.ers-adult-child-container label {
  font-size: 14px !important;
  font-weight: 200 !important;
}

.ers-attendee-type-onemenu {
  padding: 4px 12px !important;
}

.ers-attendee-type-onemenu label {
  color: #313131 !important;
  font-size: 12px !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}

.attendee-item-detail-overlay {
  background-color: #9cc !important;
  border-radius: 6px !important;
  box-shadow: 1px 1px 1px #ccc !important;
  font-family: arial !important;
  font-weight: bold !important;
  color: black !important;
}

.ers-schedules-dropdown span.ui-selectcheckboxmenu-label-container {
  padding: 0 !important;
}

.ers-schedule-info-cont {
  text-align: left !important;
}

.ers-multiseating-chkbx span.ui-chkbox-icon.ui-icon.ui-icon-check.ui-c {
  display: none !important;
}

td.ers-col.ers-col-attendee-cancel img {
  margin-right: 5px !important;
  vertical-align: top !important;
}

.ers-pref-help-img {
  vertical-align: top !important;
  margin-left: 5px !important;
}

label.ers-mandatory-que-info-msg {
  margin-left: 5px !important;
}

.ers-ques-cont textarea, .ers-ques-cont input {
  width: 206px !important;
}

.select-bookfor .ui-icon-check {
  color: #1C4257 !important;
}

body .ers-comments-cont .ui-fieldset {
  padding: 0 !important;
}

.ers-seating-dropdown {
  width: 100% !important;
}

.ers-ticket-seating-cont .seating-label {
  padding-left: 10px !important;
}

.ers-ticket-seating-cont .ui-selectonemenu {
  width: 100% !important;
}

.ers-seat-heading-icon {
  margin-left: 5px !important;
}

.ers-assign-seat-inner-cont {
  padding: 9px !important;
}

.ers-comments-cont .ui-fieldset-legend .ui-fieldset-toggler {
  margin-right: 0 !important;
}

.ers-attendee-table {
  margin-top: 0 !important;
}

.ers-question-view-tab .ui-widget-header {
  background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
  padding: 0.2em 0.2em 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.ers-attendee-type-onemenu .ui-selectonemenu-trigger {
  background: #c5c9c9 !important;
}

.ers-attendee-type-onemenu {
  width: 100% !important;
}

.ers-child-input, .ers-child-container {
  float: right !important;
}

.ers-adult-child-input-cont {
  width: 100% !important;
}

.ers-multiseating-heading-chkbx .ui-icon-check {
  display: none !important;
}

body .ers-multiseating-chkbx .ui-chkbox-box, body .ers-multiseating-heading-chkbx .ui-chkbox-box {
  border-collapse: separate !important;
}

body .ers-multiseating-schedule-date-col .ui-chkbox-box {
  border-collapse: separate !important;
}

span.ers-bold.ers-to-txt {
  display: inline-block !important;
}

.ers-seating-dropdown {
  margin-bottom: 0 !important;
}

.ers-attendee-head-counts .ui-radiobutton, .ers-attendee-head-counts label {
  display: table-cell !important;
}

.ers-attendee-head-counts .ui-radiobutton-box {
  margin-bottom: 0 !important;
}

.ers-schedules-dropdown {
  background: white !important;
}

.ers-attendee-head-counts tr {
  display: block !important;
  margin-bottom: 5px !important;
}

/*Start Golf event reservation portlet css*/
.ers-form .panel-body {
  padding: 0px !important;
}

.ers-form .panel, .ers-name-container, .ers-events-panel, .er-attendee-table-container {
  border-radius: 5px;
}

.ers-events-panel .ers-name {
  font-weight: 700;
}

.page-maximized {
  padding: 0px !important;
}

.ers-name-container .er-attendee-table-container, .ers-name-container .er-res-table-container {
  margin-bottom: 5px;
  background-color: #fff;
  border-radius: 10px;
}

.ers-golf-main-cont .ers-attendee-list-ul label {
  margin-top: 0px;
}

.ers-golf-main-cont .ers-waiver-wizard .ui-helper-reset {
  padding: 5px;
}

.ers-golf-resource-onemenu .ui-inputfield {
  box-shadow: none !important;
}

.ers-total-txt-cont, .ers-ghin-number-inptxt {
  background-color: #c5c9c9 !important;
  border-color: #c5c9c9 !important;
}

.ers-golf-main-cont .ers-remove-icon {
  padding: 0px 10px 0px;
}

.ers-col-name, .ers-col-items, .ers-col-golf-resource {
  width: 98%;
}

.ers-course, .ers-time-cont, .ers-event-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ers-time-cont, .ers-res-list-time-cont, .ers-course-cont, .ers-res-list-course-cont, .ers-gender-cont {
  border-color: #b2b5b9 !important;
  border-right: 1px solid transparent;
  padding: 6px 10px 6px 10px;
}

.ers-events-detail-btns span, .ers-events-popup-btns span {
  padding: 0px 10px 0px 10px;
}

.ers-lbl-value {
  display: block;
  font-weight: bold;
  font-size: 13px;
}

.ers-waiver-charge-main-cont .ers-total-res-charges-cont {
  font-size: 35px;
  font-weight: 700;
}

.ers-waiver-charge-cont {
  height: auto;
  max-height: 300px;
}

.ers-waiver-que-cont, .ers-total-res-charges-cont, .ers-comments-cont {
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571 !important;
  background-color: #fff !important;
}

.ers-golf-main-cont .ers-waiver-inner-txt-cont {
  -webkit-transform: translateY(-50%);
}

.ers-golf-main-cont .ers-waiver-inner-txt-cont, .ers-golf-main-cont .ers-waiver-switch-inner-cont {
  display: inline-block;
}

.ers-available-slot {
  background: #5bdb6c;
  border-radius: 5px;
  color: white;
}

.ers-total-res-charges-cont {
  text-align: right;
}

.ers-item-inner-cont, .ers-total-txt-cont {
  border: 1px solid;
  color: #0d1f34 !important;
  padding: 6px;
  border-color: #99a1ab !important;
}

.ers-total-cont td {
  padding-bottom: 0px !important;
}

.ers-col-ghin-number .ui-state-disabled {
  opacity: 1;
}

.ers-ghin-number-inptxt {
  color: black !important;
}

.ers-alert-btns-dialog-cont {
  text-align: end;
}

.ers-confirmation-popup-main-container {
  background-color: #fff !important;
  border: 1px solid transparent;
  border-radius: 5px;
  margin-bottom: 10px;
  border-color: #ddd;
  padding: 5px;
}

.ers-main-container .ui-selectoneradio label {
  margin-top: 0px !important;
}

.ers-main-container .btn-primary span {
  padding-left: 20px;
}

.ers-golf-main-cont .ers-res-list li {
  line-height: 15px !important;
}

.ers-golf-main-cont .ers-res-list ul, .ers-golf-main-cont .ers-res-list ol {
  padding: 0px !important;
  margin: 0px !important;
}

.ers-golf-main-cont .ers-res-list .ui-datalist-data {
  background: #fff;
}

.ers-golf-main-cont .ers-res-item {
  background: whitesmoke;
  margin-bottom: 5px;
  border-radius: 5px;
}

.ers-golf-main-cont .ers-date-cont {
  border-right: none !important;
}

.ers-golf-main-cont .ers-time-cont, .ers-golf-main-cont .ers-course-cont {
  border-color: #b2b5b9 !important;
  border-right: 1px solid transparent;
  padding: 6px 10px 6px 10px;
}

.ers-golf-main-cont .ers-res-list-btn-cont {
  padding: 6px 10px 6px 10px;
}

.ers-course, .ers-time-cont, .ers-player-name-inner-cont {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ers-lbl {
  font-size: 11px;
}

.ers-res-list {
  padding: 5px;
}

.ers-res-list-btn {
  text-align: right;
}

.ers-player-name-cont {
  display: flex;
}

.ers-player-name-even, .ers-player-name-odd {
  border-color: #b2b5b9 !important;
  border-right: 1px solid transparent;
}

.ers-player-name-cont div {
  padding: 6px 10px 6px 10px;
}

.ers-edit-not-allow {
  pointer-events: none;
  opacity: 0.6;
}

.ers-golf-main-cont .ers-no-res-msg {
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fffbdc;
  border: 1px solid #f1d875;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  color: #bf7900;
}

.ers-res-btn-cont {
  text-align: right;
}

.ers-golf-main-cont .ers-mandatory-que-info-cont {
  display: none;
}

.ers-golf-main-cont .ers-reservation-btn-cont {
  text-align: right;
}

.ers-question-view-tab, .ers-question-view-tab {
  border-radius: 5px;
}

.ers-question-view-tab .ui-radiobutton, .ers-attendee-head-counts .ui-radiobutton {
  padding: 0px 10px 0px 0;
}

.ers-col-name, .ers-col-golf-resource, .ers-col-ghin-number, .ers-col-items, .ers-col-total, .ers-col-total-full {
  max-width: 100% !important;
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ers-golf-main-cont .ers-waiver-charge-main-cont {
  padding: 5px;
}

.ers-waiver-que-cont {
  height: 50px !important;
  border-color: #b2b5b9 !important;
  border-left: 1px solid transparent;
  height: 75px !important;
}

.ers-golf-main-cont .ers-comments {
  height: 50px !important;
}

.ersg-buttons-container div {
  display: inline-block;
}

.ersg-join-btn, .ersg-remove-self-btn, .ersg-edit-btn {
  border: 1px solid #0d1f34 !important;
  background: #0d1f34 !important;
  border-radius: 5px !important;
  padding: 2px 25px;
  margin-top: 5px !important;
  color: white !important;
}

.ers-golf-main-cont .ers-waiver-container {
  margin-top: 15px !important;
}

.ers-waiver-inner-txt-cont {
  vertical-align: bottom;
}

@media (max-width: 640px) {
  .ers-time-cont, .ers-course-cont, .ers-gender-cont {
    border-right: 1px solid transparent;
  }

  .ers-event-detail div {
    border-bottom: 1px solid transparent;
  }

  .ers-total-res-charges-cont {
    border-color: #b2b5b9 !important;
    border-top: 1px solid transparent;
    border-left: none !important;
  }

  .ers-waiver-que-cont {
    border-color: #b2b5b9 !important;
    border-top: 1px solid transparent;
    border-left: none !important;
  }

  .ers-col-golf-resource {
    display: inline-block !important;
    width: 65% !important;
    float: left !important;
  }

  .ers-col-ghin-number {
    display: inline-block !important;
    width: 35% !important;
    float: left !important;
  }

  .ers-col-items {
    display: inline-block !important;
    width: 65% !important;
  }

  .ers-col-total {
    display: inline-block !important;
    width: 35% !important;
  }

  .er-attendee-table-container {
    border-radius: 5px;
  }

  .ers-ghin-number-inptxt {
    width: -webkit-fill-available !important;
  }

  .ers-time-cont, .ers-course-cont, .ers-date-cont, .ers-gender-cont {
    display: inline-block;
    width: 50% !important;
    float: left !important;
  }

  .ers-res-list-time-cont, .ers-res-list-course-cont {
    display: none;
  }

  .ers-serialno-txt {
    font-size: 16px;
  }

  .ers-col-ghin-cont {
    margin-left: 5px !important;
  }

  .ers-total-cont {
    margin-left: 3px !important;
  }

  .details-field ul li {
    margin: 0 !important;
  }

  .ers-col-total-full {
    width: 100% !important;
  }

  .ers-player-name-inner-cont {
    width: 49% !important;
    display: inline-block;
  }

  .ers-player-name-even {
    border-color: #b2b5b9 !important;
    border-right: 1px solid transparent;
  }

  .ers-player-name-odd, .ers-player-name-even {
    border-color: #b2b5b9 !important;
    border-bottom: 1px solid transparent;
  }

  .ers-player-name-odd {
    border-right: none !important;
  }

  .ers-btn-update-in-cart-cont, .ers-btn-register-cont, .ers-btn-save-cont, .ers-btn-back-cont, .ers-btn-cancel-cont {
    width: 50% !important;
    display: inline-block !important;
  }

  .ersg-buttons-container div a, .ers-btn-cancel-full-with-cont {
    width: 99% !important;
  }

  .ersg-buttons-container {
    position: sticky;
    bottom: 0;
  }

  .ersg-buttons-container div {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .ers-time-cont, .ers-course-cont, .ers-gender-cont {
    border-right: 1px solid transparent;
  }

  .ers-event-detail div {
    border-bottom: 1px solid transparent;
  }

  .event-reservation-slot {
    display: block;
  }

  .event-reservation-slot .form-group, .event-reservation-slot .form-control {
    margin-bottom: 10px;
  }

  .ers-golf-main-cont .ers-attendee-items-detail-con {
    display: block;
  }

  .ers-serial-number {
    display: block;
    min-height: auto;
    padding: 10px;
    line-height: 20px;
    border-radius: 5px 5px 0px 0px;
  }

  .details-field {
    width: 100%;
  }

  .details-field ul {
    display: block !important;
    padding: 10px;
  }

  .details-field ul li.eraser-row {
    display: none !important;
  }

  .ers-attendee-items-detail-con .form-control {
    margin-bottom: 10px;
  }

  .input-group.with-icon > i {
    top: 40%;
  }

  .ers-waiver-charge-main-cont label {
    font-size: 14px;
    margin: 0;
  }

  .ers-waiver-charge-main-cont .ers-total-res-charges-cont {
    font-size: 25px;
  }

  .ers-waiver-charge-main-cont .totalreservationcharges {
    margin: 10px 0px;
  }

  a.mdelete .fa, a.meraser .fa {
    margin: 0px 8px !important;
    color: #000;
    font-size: 18px;
  }

  .deletebtn a {
    display: none;
  }

  .ers-waiver-title {
    width: 100%;
  }

  .ers-content-and-info-panel-body {
    padding: 0px !important;
  }

  .ers-delete-btn-icon {
    display: none !important;
  }

  .ers-remove-and-erase-small {
    display: block !important;
  }

  .ers-waiver-container {
    margin: 5px 0px 5px 0px;
  }

  .ers-total-heading {
    display: inline-block !important;
  }

  .ers-player-name-cont {
    display: block !important;
  }

  .ers-col-golf-resource {
    display: inline-block !important;
    width: 65% !important;
    float: left !important;
  }

  .ers-col-ghin-number {
    display: inline-block !important;
    width: 35% !important;
    float: left !important;
  }

  .ers-col-items {
    display: inline-block !important;
    width: 65% !important;
  }

  .ers-col-total {
    display: inline-block !important;
    width: 33% !important;
  }

  .er-attendee-table-container {
    border-radius: 5px;
  }

  .ers-ghin-number-inptxt {
    width: -webkit-fill-available !important;
  }

  .ers-time-cont, .ers-course-cont, .ers-date-cont, .ers-gender-cont {
    display: inline-block;
    width: 50% !important;
    float: left !important;
  }

  .ers-serialno-txt {
    font-size: 16px;
  }

  .ers-col-ghin-cont {
    margin-left: 5px !important;
  }

  .ers-total-cont {
    margin-left: 3px !important;
  }

  .details-field ul li {
    margin: 0 !important;
  }

  .ers-col-total-full {
    width: 100% !important;
  }

  .ers-res-list-time-cont, .ers-res-list-course-cont {
    display: none;
  }

  .ers-player-name-inner-cont {
    width: 49% !important;
    display: inline-block;
  }

  .ers-btn-update-in-cart-cont, .ers-btn-register-cont, .ers-btn-save-cont, .ers-btn-back-cont, .ers-btn-cancel-cont {
    width: 50% !important;
    display: inline-block !important;
  }

  .ersg-buttons-container div a, .ers-btn-cancel-full-with-cont {
    width: 99% !important;
  }

  .ersg-buttons-container {
    position: sticky;
    bottom: 0;
  }

  .ersg-buttons-container div {
    display: block;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .ers-time-cont, .ers-course-cont, .ers-gender-cont {
    border-right: 1px solid transparent;
  }

  .ers-event-detail div {
    border-bottom: 1px solid transparent;
  }

  .ers-col-golf-resource {
    display: inline-block !important;
    width: 65% !important;
    float: left !important;
  }

  .ers-col-ghin-number {
    display: inline-block !important;
    width: 35% !important;
    float: left !important;
  }

  .ers-col-items {
    display: inline-block !important;
    width: 65% !important;
  }

  .ers-col-total {
    display: inline-block !important;
    width: 34% !important;
  }

  .ers-col-ghin-cont, .ers-total-cont {
    margin-left: 5px !important;
  }

  .ers-total-cont {
    margin-left: 3px !important;
  }

  .details-field ul li {
    margin: 0 !important;
  }

  .ers-col-total-full {
    width: 100% !important;
  }

  .ers-res-list-time-cont, .ers-res-list-course-cont {
    display: none;
  }

  .ers-player-name-inner-cont {
    width: 49% !important;
    display: inline-block;
  }

  .ers-player-name-cont {
    width: 75%;
    display: flex !important;
  }

  .ers-btn-update-in-cart-cont, .ers-btn-register-cont, .ers-btn-save-cont, .ers-btn-back-cont, .ers-btn-cancel-cont {
    width: 50% !important;
    display: inline-block !important;
  }

  .ersg-buttons-container div a, .ers-btn-cancel-full-with-cont {
    width: 99% !important;
  }

  .ersg-buttons-container {
    position: sticky;
    bottom: 0;
  }

  .ersg-buttons-container div {
    display: block;
  }
}
/*End Golf Event Reservation css portlet*/
.ers-pref-vacc-upload-msg-cont {
  padding-right: 5px;
}

.ers-attendee-vacc-status-cont {
  width: 40px;
  height: 40px;
  margin-top: 25px;
}

.ers-list-vacc-status {
  width: 20px;
  height: 20px;
}

.ers-attendee-vacc-status-small {
  width: 30px;
  vertical-align: bottom !important;
}

.events-upload-vacc-certificate-link {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

@media only screen and (max-width: 1601px) and (min-width: 1500px) {
  .event-reservation-slot input {
    min-width: 219px !important;
  }
}
.memberContacts-portlet .edit-contact .ui-grid-col-4, .memberContacts-portlet .edit-contact .ui-grid-col-12 {
  padding-right: 3% !important;
}
.memberContacts-portlet .edit-contact .occupation-autocomplete, .memberContacts-portlet .edit-contact .employer-autocomplete {
  width: 100% !important;
  padding: 0 !important;
}
.memberContacts-portlet .edit-contact .occupation-autocomplete input, .memberContacts-portlet .edit-contact .employer-autocomplete input {
  width: 100% !important;
  height: 38px !important;
}
.memberContacts-portlet .edit-contact .ui-selectonemenu {
  width: 100% !important;
}
.memberContacts-portlet .edit-contact .ui-inputfield {
  padding: 0px 0px 0px 4px !important;
}
@media (min-width: 741px) {
  .memberContacts-portlet .edit-contact .ui-grid-col-4, .memberContacts-portlet .edit-contact .ui-grid-col-12 {
    padding-right: 3% !important;
  }
}

@media (max-width: 767px) {
  .mm-contact-del-dialog .ui-area-btn {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 640px) {
  .packages-portlet .ui-datatable-reflow .text-right {
    text-align: inherit !important;
  }

  .packages-portlet .table:not(.lfr-search-iterator-fixed-header-table) td.amount-position {
    text-align: inherit !important;
  }

  .packages-portlet .table:not(.lfr-search-iterator-fixed-header-table) td.text-center {
    text-align: inherit !important;
  }

  .packages-portlet .pkg-toggler span.ui-column-title {
    display: none !important;
  }

  .packages-portlet .ui-datatable-reflow tbody {
    display: grid !important;
  }
}
@media (max-width: 640px) {
  .GiftCard-portlet .ui-datatable-reflow tbody {
    display: grid !important;
  }

  .GiftCard-portlet .gc-toggler span.ui-column-title {
    display: none !important;
  }
}
.visitor-mgmt-container {
  max-width: 100% !important;
  padding: 2em 3em 0 !important;
}

.pnl-add-new-visitor {
  border: 2px solid #f0f3f7;
  border-radius: 10px;
  padding: 15px;
}

.visitor-mgmt-schedule-box {
  margin: 10px;
  padding: 10px;
  min-height: 190px;
  border-radius: 10px;
  border: 2px solid #f0f3f7;
}

.add-visitor-schedule {
  margin: 0 16px 0 16px;
}

.visitor-mgmt-no-margin {
  margin: auto !important;
}

.visitor-mgmt-nav-tabs .visitor-mgmt-top-panel {
  margin: auto !important;
}

.visitor-mgmt-schedule-box .schedule-date, .schedule-time, .visitor-email, .visitor-phone {
  font-size: 12px;
}

.edit-schedule-table .schedule-time input {
  height: 31px !important;
}

.edit-schedule-table .schedule-time .ui-datepicker-trigger.ui-button .ui-icon-calendar:before {
  display: none;
}

.edit-schedule-table .schedule-time .ui-datepicker-trigger.ui-button {
  background-color: transparent !important;
  border: 1px solid #a6a6a6;
  height: 31px;
}

.edit-schedule-table .schedule-time .ui-datepicker-trigger.ui-button .ui-icon-calendar {
  background-position: 0 0 !important;
}

.visitor-mgmt-schedule-box .schedule-day-btn {
  opacity: 0.7 !important;
  background-color: #f0f3f7;
}

.visitor-mgmt-schedule-box .visitor-name {
  font-size: 16px;
  font-weight: bold;
}

.visitor-view-schedules-dialog .view-schedule-table thead,
.edit-schedule-table thead {
  display: none;
}

.view-schedule-scroll-panel {
  width: 100%;
}

.visitor-mgmt-edit-schedule-container fieldset {
  padding: 10px 20px;
  margin-bottom: 15px;
  border: 2px solid #f0f3f7 !important;
  border-radius: 5px;
}

.visitor-mgmt-edit-schedule-container fieldset > legend {
  width: auto !important;
  margin: 0px !important;
  font-size: 16px;
  line-height: 10px;
  background: none !important;
  border: none !important;
}

.visitor-mgmt-field-label {
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.edit-schedules {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

.edit-schedule-table .ui-datatable-tablewrapper {
  overflow: hidden !important;
}

.visitor-mgmt-btn-row a {
  margin-bottom: 5px;
}

.fa.fa-times.vm-fa-times {
  border: 1px solid;
  border-color: #8d8d8d !important;
  padding: 10px 6px;
  text-align: center;
  box-shadow: none !important;
  margin-left: 0px;
}

.visitorManagement-portlet .visitor-mgmt-container .add-visitor-schedule a.ui-area-btn-success.add-schedule-btn {
  background-color: #003771 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 16px 0;
  display: block;
  text-align: center;
  border: 1px solid #003771 !important;
  text-decoration: none;
  text-shadow: none !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui {
  margin-top: 20px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs {
  padding: 0;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs {
  border-radius: 4px;
  padding: 5px;
  background: transparent;
  font-size: 0 !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs .ui-button {
  width: calc(50% - 10px);
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0px;
  border: 2px solid #003771;
  border-radius: 5px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs .ui-button .ui-button-text {
  font-size: 16px;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 10.5px 0;
  background-color: #fff !important;
  border: 0;
  width: 100%;
  text-shadow: none;
  outline: 0;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs .ui-button .ui-button-text:hover {
  background-color: #004185 !important;
  border-radius: 4px;
  color: #fff;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs .ui-button .ui-state-active .ui-button-text {
  background-color: #003771 !important;
  border-radius: 4px;
  color: #fff;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 0;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search {
  display: inline-flex;
  height: 44px;
  margin: 5px 0 5px 0;
  border: 2px solid #f2f2f2;
  border-radius: 5px;
  font-size: 13px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search .ui-commandlink {
  padding-top: 3px;
  margin-left: 10px;
  float: left;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search .fa-search {
  padding-top: 7px;
  font-size: 18px;
  color: #000;
}

.visitor-mgmt-search .ui-datagrid-content-empty {
  padding: 10px !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search .visitor-mgmt-search-txt {
  border: none !important;
  height: 100%;
  margin: 0;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown {
  margin-top: 1px !important;
  float: right;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown .ui-selectonemenu {
  background-color: #fff !important;
  height: 44px;
  border: 2px solid #f2f2f2 !important;
  border-radius: 5px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown .ui-selectonemenu label {
  padding-top: 10px;
  box-shadow: none;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: center;
}

.visitorManagement-portlet .visitor-mgmt-container .ui-datalist-data {
  margin-top: 0px;
}

.visitors-info-multi-day-header {
  width: 100%;
}

.visitors-info-multi-day-header .visitors-info-multi-day-info .ui-datagrid {
  width: 100%;
}

.visitors-info-multi-day-header .visitors-info-multi-day-info {
  margin: auto;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-header {
  padding: 0 10px !important;
  background: #EFEFEF;
  border-radius: 4px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-member-name {
  margin-top: 10px;
  padding: 10px 10px;
  background: #EFEFEF;
  border-radius: 4px;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-header .visitors-info-area-header-bg {
  background: #EFEFEF;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-header .visitors-info-area-header-bg span {
  font-size: 12px;
  color: #2E384D;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style {
  border-radius: 4px;
  border: 1px solid #D1D1D1;
  background: #fff;
  margin-top: 5px !important;
  font-size: 16px;
  color: #2E384D;
  margin: 0 10px 0 12px !important;
  padding: 0 10px !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-name {
  font-weight: bold;
  word-wrap: break-word;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-name span {
  padding: 19px 0;
  display: block;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-starting-date span {
  padding: 19px 0;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-email span {
  padding: 19px 0;
  display: block;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule {
  display: inline-flex;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitors-schedule-btn {
  padding: 10px 0 !important;
  display: inline-flex;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitors-schedule-btn a {
  display: block;
  height: 40px !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding-top: 8px !important;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none !important;
  margin-bottom: 0;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day a {
  background-color: #32b272 !important;
  border: 1px solid #32b272 !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .single-day a {
  background-color: #5E32B2 !important;
  border: 1px solid #5E32B2 !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day.active a {
  color: #32b272 !important;
  border: 1px solid #32b272;
  background-color: #fff !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day a:hover {
  background-color: #0c904e !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .edit-schedule-btn {
  background-color: #003164 !important;
  border-radius: 4px;
  border: 1px solid #003164 !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .edit-schedule-btn:hover {
  background-color: #0f5094 !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .delete-schedule-btn {
  background-color: #D91E0F !important;
  border-radius: 4px;
  border: 1px solid #D91E0F !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .ui-state-disabled.delete-schedule-btn {
  display: block;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 8px 14px;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none !important;
  margin-bottom: 0;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .delete-schedule-btn:hover {
  background-color: #af2d23 !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day {
  border: 1px solid #D1D1D1;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg {
  background: #EFEFEF;
  padding: 0 10px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg .visitors-info-area-header-bg {
  font-size: 12px;
  font-weight: bold;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-g:nth-child(odd) .even-bg {
  background-color: #f7f7f8;
  padding: 0 10px !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .ui-g:nth-child(even) .even-bg {
  background-color: #fff;
  padding: 0 10px !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .even-bg .visitors-info-area-info-bg {
  font-size: 16px;
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 8px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style.active {
  border: 1px solid #32B272;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs {
  border-radius: 4px;
  padding: 5px;
  background: transparent;
  font-size: 0 !important;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .ui-button {
  display: inline-block;
  border: 0;
  margin-right: 2px;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .ui-button.ui-state-active .ui-button-text {
  font-size: 16px;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 10.5px 0;
  background-color: #003771 !important;
  border: 0;
  width: 100%;
  text-shadow: none;
  outline: 0;
  color: white;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .ui-button .ui-button-text {
  font-size: 16px;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 10.5px 0;
  background-color: #fff !important;
  border: 0;
  width: 100%;
  text-shadow: none;
  outline: 0;
  color: black;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .ui-state-active {
  background-color: #003771 !important;
  border-radius: 4px;
  color: #fff;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .ui-button .ui-helper-hidden {
  background-color: #003771 !important;
  border-radius: 4px;
  color: #fff;
}

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-header .visitors-info-area-header-bg {
  cursor: pointer;
}

.ui-selectonebutton.visitor-mgmt-guest-type-tabs {
  display: inline-flex;
  width: auto;
  margin-bottom: 0;
  padding: 7px 7px 0 7px;
  border-radius: 5px;
  background-color: #F0F3F7;
}

.ui-selectonebutton.visitor-mgmt-guest-type-tabs .ui-button {
  margin-bottom: 0;
  background: none;
  background-color: #f0f3f7;
  color: #003771;
  border: 0;
  border-radius: 5px;
  min-width: 120px;
  padding: 5px;
  text-shadow: none;
}

.ui-selectonebutton.visitor-mgmt-guest-type-tabs .ui-button.ui-state-active {
  background-color: #003771;
  color: #fff;
}

.visitor-mgmt-visitor-name-group {
  display: inline-flex;
  width: 100%;
}

.visitor-mgmt-visitor-name-group i {
  padding-top: 10px;
  font-size: 25px;
}

.visitor-name {
  font-size: 16px;
}

.visitor-mgmt-add-visitor-icon .visitor-mgmt-add-visitor-icon-img {
  padding: 10px 10px 0 0;
  height: 15px !important;
}

.visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address {
  height: 40px !important;
  width: 84% !important;
  padding-left: 10px !important;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px !important;
  border-right: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.visitor-mgmt-email-info-icon button {
  background-color: #fff;
  height: 40px;
  border: 2px solid #e6e6e6 !important;
  margin-bottom: 7px;
  margin-left: -4px;
  border-radius: 5px !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-left: 0 !important;
  cursor: default;
}

.visitor-mgmt-email-info-icon button .visitor-mgmt-email-info-icon-img {
  height: 13px;
  padding-right: 5px;
}

.visitor-email {
  font-size: 16px;
  font-weight: 600;
  word-wrap: break-word;
}

.visitor-mgmt-guest-details .visitor-mgmt-form-control.visitor-gender,
.access-schedule-panel .schedule-access-type {
  height: 40px;
  width: 97% !important;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px;
}

.visitor-mgmt-multi-day-dates,
.visitor-mgmt-single-day-date-time {
  display: inline-flex;
  width: 100%;
}

.access-schedule-panel .schedule-date .ui-inputfield,
.access-schedule-panel .single-day-schedule-time .ui-inputfield,
.access-schedule-panel .multi-day-schedule-time .ui-inputfield,
.access-schedule-panel .schedule-from-date .ui-inputfield,
.access-schedule-panel .schedule-to-date .ui-inputfield {
  height: 40px !important;
  width: 100% !important;
  padding-left: 10px !important;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px !important;
  border-right: 0 !important;
  background-color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.access-schedule-panel .schedule-date .ui-inputfield.ui-state-focus,
.access-schedule-panel .single-day-schedule-time .ui-inputfield.ui-state-focus,
.access-schedule-panel .multi-day-schedule-time .ui-inputfield.ui-state-focus,
.access-schedule-panel .schedule-from-date .ui-inputfield.ui-state-focus,
.access-schedule-panel .schedule-to-date .ui-inputfield.ui-state-focus {
  border-color: #e6e6e6 !important;
}

.access-schedule-panel .schedule-date .ui-button,
.access-schedule-panel .schedule-from-date .ui-button,
.access-schedule-panel .schedule-to-date .ui-button,
.access-schedule-panel .single-day-schedule-time .ui-button,
.access-schedule-panel .multi-day-schedule-time .ui-button {
  height: 40px !important;
  margin-bottom: 7px !important;
  margin-left: 0px !important;
  background-color: #fff;
  padding-right: 40px;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-left: 0 !important;
}

.access-schedule-panel .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before {
  display: none;
}

.schedule-date .ui-datepicker-trigger .ui-icon-calendar,
.schedule-from-date .ui-datepicker-trigger .ui-icon-calendar,
.schedule-to-date .ui-datepicker-trigger .ui-icon-calendar {
  background-image: url(../images/gate_house/icon-calendar.png) !important;
  background-repeat: no-repeat !important;
  background-position: 5px 0px !important;
  width: 26px;
  margin-left: -10px;
}

.single-day-schedule-time .ui-datepicker-trigger .ui-icon-calendar,
.multi-day-schedule-time .ui-datepicker-trigger .ui-icon-calendar {
  background-image: url(../images/gate_house/icon-time.png) !important;
  background-repeat: no-repeat !important;
  background-position: 5px 0px !important;
  width: 26px;
  margin-left: -10px;
}

.schedule-time .ui-datepicker-trigger .ui-icon-calendar {
  background-image: url(../images/gate_house/icon-time.png) !important;
  background-repeat: no-repeat !important;
  background-position: 5px 0px !important;
  width: 26px;
  margin-left: -12px;
}

.visitor-mgmt-tab-content .visitor-mgmt-no-margin .ui-datagrid-content-empty {
  padding: 10px !important;
}

.visitor-mgmt-visitors-list .ui-datagrid .ui-datagrid-content-empty,
.visitor-mgmt-visitors-list-dialog .ui-datagrid .ui-datagrid-content-empty {
  padding-left: 10px !important;
  margin-top: 50px !important;
}

.visitor-mgmt-visitors-list .visitor-mgmt-visitors-list-item .visitor-mgmt-visitor-add-icon,
.visitor-mgmt-visitors-list .visitor-mgmt-visitors-list-item .visitor-mgmt-visitor-remove-icon {
  float: right;
}

.visitor-mgmt-visitors-list-item .visitor-mgmt-visitors-name {
  margin-left: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  font-family: sans-serif;
  word-wrap: break-word;
}

.visitor-mgmt-add-icon-img,
.visitor-mgmt-remove-icon-img {
  height: 16px !important;
}

.visitor-mgmt-visitor-type-label, .visitor-mgmt-guest-access-schedule-label, .visitor-mgmt-guest-details-label {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.visitor-mgmt-visitor-type-dropdown {
  margin-right: 7px !important;
}

.visitor-mgmt-edit-schedule-container .visitor-last-name-guest .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .visitor-last-name-selected-guest .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .visitor-last-name-selected-vendor .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .visitor-last-name-vendor .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .visitor-company-name .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .ui-grid-row .ui-panelgrid-cell .visitor-email-address-no-info-icon,
.visitor-mgmt-edit-schedule-container .ui-grid-row .ui-panelgrid-cell .visitor-phone-number {
  font-size: 13px !important;
  font-weight: 600;
  color: #000 !important;
  height: 40px;
  width: 97%;
  padding-left: 10px;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px;
}

.visitor-company-name .ui-state-focus,
.visitor-last-name-guest .ui-state-focus,
.visitor-last-name-selected-guest .ui-state-focus,
.visitor-last-name-vendor .ui-state-focus {
  border-color: #e6e6e6 !important;
}

.schedule-date .ui-inputfield,
.single-day-schedule-time .ui-inputfield,
.multi-day-schedule-time .ui-inputfield,
.schedule-from-date .ui-inputfield,
.schedule-to-date .ui-inputfield {
  height: 40px !important;
  padding-left: 10px !important;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px !important;
  border-right: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.schedule-date .ui-inputfield.ui-state-focus,
.single-day-schedule-time .ui-inputfield.ui-state-focus,
.multi-day-schedule-time .ui-inputfield.ui-state-focus,
.schedule-from-date .ui-inputfield.ui-state-focus,
.schedule-to-date .ui-inputfield.ui-state-focus {
  border-color: #e6e6e6 !important;
}

.schedule-date .ui-button,
.schedule-from-date .ui-button,
.schedule-to-date .ui-button,
.single-day-schedule-time .ui-button,
.multi-day-schedule-time .ui-button {
  height: 40px !important;
  margin-bottom: 7px !important;
  margin-left: 0px !important;
  background-color: #fff;
  padding-right: 40px;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-left: 0 !important;
}

.visitor-mgmt-edit-schedule-container .ui-grid-row .ui-panelgrid-cell .ui-selectonemenu-label {
  height: 36px !important;
  padding-left: 10px;
  border: 0 !important;
  box-shadow: none;
}

.visitor-mgmt-edit-schedule-container .visitor-last-name-guest .ui-autocomplete-input::placeholder,
.visitor-mgmt-edit-schedule-container .visitor-last-name-selected-guest .ui-autocomplete-input::placeholder,
.visitor-mgmt-edit-schedule-container .visitor-last-name-vendor .ui-autocomplete-input::placeholder,
.visitor-mgmt-edit-schedule-container .ui-grid-row .ui-panelgrid-cell .ui-inputtext::placeholder,
.visitor-mgmt-edit-schedule-container .visitor-company-name .ui-autocomplete-input::placeholder {
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 600;
  color: #8d8d8d;
}

.visitor-mgmt-edit-schedule-container .ui-grid-row .ui-panelgrid-cell .ui-selectonemenu-label {
  border: none;
}

.edit-schedule-btn {
  border: 3px solid #000 !important;
}

.delete-schedule-btn {
  border: 3px solid #f1331e !important;
  border-radius: 5px !important;
}

.update-schedule-btn {
  border: 3px solid #000 !important;
  border-radius: 5px !important;
}

.close-btn {
  border: 3px solid #1c75bc !important;
  border-radius: 5px !important;
}

.visitor-mgmt-btn-row .visitor-mgmt-btn {
  border-radius: 5px !important;
}

.done-btn,
.customize-schedule-btn,
.erase-visitor-btn {
  width: 100%;
  background-color: #003771 !important;
  border: 2px solid #003771 !important;
  border-radius: 5px !important;
}

.remove-schedule-btn {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none;
}

.remove-schedule-btn .fa-times {
  color: red;
  padding-bottom: 7px;
}

.visitor-mgmt-btn-row .confirm-schedule-btn {
  border: 3px solid #003771 !important;
  width: 25%;
  background-color: #003771 !important;
}

.visitor-mgmt-btn-row .back-btn {
  border: 3px solid #003771 !important;
  background-color: #fff;
  color: #000;
  width: 10%;
  margin-right: 7px;
}

.visitor-mgmt-form-control {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 2px solid #e6e6e6 !important;
  border-radius: 5px;
  margin-bottom: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}

.visitor-mgmt-form-control input {
  width: 100% !important;
  margin: 0px !important;
}

.visitor-mgmt-form-control .ui-selectonemenu-label {
  padding-top: 7px;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.visitor-mgmt-visitors-list .visitor-mgmt-visitor-list-label {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.visitor-mgmt-visitors-list .visitor-mgmt-search {
  margin: 0 0 2px 0px !important;
}

.visitor-mgmt-visitors-list .ui-g:nth-child(odd) .visitor-mgmt-visitors-list-item {
  background-color: #f7f7f8;
  padding: 0 10px;
}

.visitor-mgmt-visitors-list .ui-g:nth-child(even) .visitor-mgmt-visitors-list-item {
  background-color: #fff;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs .ui-button {
    width: auto;
  }

  .visitor-mgmt-edit-schedule-container .visitor-details .ui-fieldset-content {
    padding-right: 0;
  }

  .ui-selectonebutton.visitor-mgmt-guest-type-tabs {
    width: 95% !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs {
    width: 100%;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search {
    width: 100%;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown .ui-selectonemenu label {
    text-align: left;
    margin-left: 10px;
  }

  .visitor-mgmt-guest-type-tabs .ui-button {
    min-width: auto !important;
  }

  .visitors-info-area-header {
    display: none;
  }

  .visitor-mgmt-edit-schedule-container .visitor-last-name-guest .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .visitor-last-name-selected-guest .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .visitor-last-name-vendor .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .visitor-company-name .ui-autocomplete-input,
.visitor-mgmt-edit-schedule-container .ui-grid-row .ui-panelgrid-cell .visitor-email-address-no-info-icon,
.visitor-mgmt-edit-schedule-container .ui-grid-row .ui-panelgrid-cell .visitor-phone-number {
    width: 100%;
  }

  .visitor-mgmt-visitor-name-group .visitor-last-name-guest .ui-autocomplete-input {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .visitor-mgmt-visitor-name-group .visitor-last-name-selected-guest .ui-autocomplete-input {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .visitor-mgmt-edit-schedule-container .visitor-last-name-selected-vendor .ui-autocomplete-input {
    width: 100%;
  }

  .visitor-mgmt-visitor-name-group .visitor-last-name-selected-vendor .ui-autocomplete-input {
    border-left: none;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .visitor-mgmt-visitor-name-group .visitor-last-name-selected-vendor .visitor-mgmt-add-visitor-icon {
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: 0 !important;
    margin-bottom: 6px;
  }

  .visitor-mgmt-add-visitor-icon .visitor-mgmt-add-visitor-icon-img {
    padding: 7px 5px 7px 0;
    height: 35px !important;
  }

  .visitor-mgmt-visitor-name-group .visitor-mgmt-erase-visitor-icon {
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-right: 0 !important;
    margin-bottom: 6px;
    height: 40px;
  }

  .visitor-mgmt-visitor-name-group .fa-times {
    color: red;
    border: none !important;
    color: red;
    border: none !important;
    font-size: 12px;
    margin-top: 2px;
    margin-left: 10px !important;
  }

  .visitor-mgmt-edit-schedule-container .visitor-company-name .ui-autocomplete-input {
    border-right: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .visitor-mgmt-visitor-name-group .visitor-last-name-guest .visitor-mgmt-add-visitor-icon,
.visitor-mgmt-visitor-name-group .visitor-last-name-selected-guest .visitor-mgmt-add-visitor-icon,
.visitor-mgmt-visitor-name-group .visitor-last-name-vendor .visitor-mgmt-add-visitor-icon {
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: 0 !important;
    margin-bottom: 6px;
  }

  .visitor-mgmt-visitor-name-group .visitor-mgmt-add-visitor-icon {
    height: 40px;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
  }

  .visitor-name {
    font-size: 16px !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-form-control.visitor-gender,
.access-schedule-panel .schedule-access-type {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .visitor-gender label {
    font-size: 17px !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address {
    height: 40px !important;
    width: 100% !important;
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    font-weight: 600;
  }

  .visitor-email {
    font-size: 14px;
    font-weight: 600;
    word-wrap: break-word;
  }

  .remove-schedule-btn {
    width: 35px;
  }

  .edit-schedule-table .schedule-time input {
    height: 33px !important;
    width: 100% !important;
  }

  .schedule-date,
.schedule-from-date,
.schedule-to-date,
.single-day-schedule-time {
    margin-top: 5px;
    display: inline-flex;
    width: 147px !important;
  }

  .schedule-from-date {
    margin-right: 10px;
  }

  .schedule-date .ui-inputfield,
.schedule-from-date .ui-inputfield,
.schedule-to-date .ui-inputfield,
.single-day-schedule-time .ui-inputfield {
    width: 135px !important;
    padding-left: 8px !important;
  }

  .multi-day-schedule-time .ui-inputfield {
    width: 279px !important;
  }

  .schedule-from-date button,
.schedule-to-date button,
.schedule-date button,
.single-day-schedule-time button,
.multi-day-schedule-time button {
    width: 100%;
    height: 40px;
    float: none;
  }

  .schedule-date .ui-datepicker-trigger .ui-icon-calendar,
.schedule-from-date .ui-datepicker-trigger .ui-icon-calendar,
.schedule-to-date .ui-datepicker-trigger .ui-icon-calendar,
.single-day-schedule-time .ui-datepicker-trigger .ui-icon-calendar,
.multi-day-schedule-time .ui-datepicker-trigger .ui-icon-calendar {
    margin-left: -20px;
  }

  .edit-schedule-btn-row {
    position: sticky;
    bottom: 0;
    background: #fff;
    display: inline-flex;
    width: 100%;
  }

  .visitor-mgmt-btn-row .confirm-schedule-btn {
    width: 590px;
    height: 55px;
  }

  .visitor-mgmt-btn-row .back-btn {
    width: 100%;
    height: 55px;
  }

  .visitor-mgmt-visitors-list {
    display: none;
  }

  .visitor-mgmt-search {
    margin: 5px 0 5px 0px !important;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-search .visitor-mgmt-search-txt {
    height: 35px !important;
    border: 1px solid #e6e6e6 !important;
    border-right: 0px !important;
  }

  .visitor-mgmt-visitors-list-dialog .ui-g:nth-child(odd) .visitor-mgmt-visitors-list-item {
    background-color: #f7f7f8;
    padding: 0 10px;
  }

  .visitor-mgmt-visitors-list-dialog .ui-g:nth-child(even) .visitor-mgmt-visitors-list-item {
    background-color: #fff;
    padding: 0 10px;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-visitors-list-item {
    background-color: #f7f7f8;
    padding: 0 10px;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-search .ui-inputtext {
    border: 0 !important;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-search .fa-search {
    font-size: 20px;
    padding-top: 8px;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-visitors-list-item .ui-commandlink {
    float: right;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-dialog-close-btn {
    background-color: #fff !important;
    margin-top: 30px;
    margin-bottom: 10px;
    border: solid black 2px !important;
    border-radius: 10px !important;
    padding: 8px;
    text-align: center;
    position: sticky;
    bottom: 0;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-dialog-close-btn .fa-times {
    color: #000;
  }

  .visitor-mgmt-visitors-list-dialog .visitor-mgmt-dialog-close-btn .visitor-mgmt-dialog-close-label {
    margin-left: 15px;
    color: #000;
    font-size: 15px !important;
    font-weight: 600;
  }

  .visitor-mgmt-visitor-type-dropdown {
    width: 100% !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-name span,
.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-starting-date span,
.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-email span {
    padding: 0 0 3px 0;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style {
    padding: 10px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitors-schedule-btn {
    padding: 0 0 5px 0;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-header {
    display: none;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day .visitors-info-multi-day-header .visitors-info-multi-day-header-bg .visitors-info-area-header-bg {
    width: 50%;
    display: inline-block;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-content-style-multi-day .visitors-info-multi-day-info .even-bg .visitors-info-area-info-bg {
    width: 50%;
    display: inline-block;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row {
    margin-left: 10px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .single-day {
    width: 50px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .multi-day {
    width: 50px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-edit-button {
    width: 50px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 50px;
    margin-left: 10px;
  }

  .schedule-time button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
    width: 28px;
    height: 31px;
    margin-top: 8px;
  }

  .schedule-time .hasDatepicker {
    width: 100px !important;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  .visitors-info-area-header {
    display: none;
  }

  .visitor-mgmt-visitor-name-group .visitor-mgmt-add-visitor-icon {
    display: none;
  }

  .visitor-mgmt-visitor-name-group .visitor-last-name-guest .ui-autocomplete-input {
    width: 97%;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs {
    width: 50% !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search {
    width: auto !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown {
    width: auto !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address-no-info-icon {
    width: 97% !important;
  }

  .visitor-mgmt-edit-schedule-container .visitor-details .ui-fieldset-content {
    padding-right: 0;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search {
    margin-left: 0px !important;
  }

  .visitor-mgmt-visitor-type-dropdown {
    margin-right: 4px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown {
    float: left;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown .ui-selectonemenu {
    width: 120px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-header {
    display: none;
  }

  .schedule-date,
.schedule-from-date,
.schedule-to-date,
.single-day-schedule-time,
.multi-day-schedule-time {
    display: inline-flex;
    margin-right: 5px;
  }

  .visitor-email {
    font-size: 14px;
    font-weight: 600;
    word-wrap: break-word;
  }

  .visitor-mgmt-visitor-name-group .visitor-mgmt-add-visitor-icon {
    display: none;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-email-info-label {
    width: 144px;
    margin-top: -20px;
    margin-bottom: 0;
    padding: 0;
    font-size: 8px !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address {
    height: 40px !important;
    width: 84% !important;
    margin-left: 6px;
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    background-color: white !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address-no-info-icon {
    height: 40px !important;
    width: 97% !important;
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    background-color: white !important;
  }

  .visitor-mgmt-visitors-list-dialog {
    display: none;
  }

  .visitor-mgmt-visitors-list-item {
    padding: 0 !important;
  }

  .visitor-mgmt-visitors-list-item .visitor-mgmt-visitors-name {
    margin-left: 0 !important;
    word-wrap: break-word;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day {
    width: 100px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day {
    width: 100px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 50px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tabs .ui-button .ui-button-text {
    font-size: 13px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitors-info-area-header {
    display: none;
  }

  .visitor-mgmt-edit-schedule-container .visitor-details .ui-fieldset-content {
    padding-right: 0;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search {
    margin-left: 0px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown {
    float: left;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown .ui-selectonemenu {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .visitors-schedule-btn.single-day .label-view-schedule {
    font-size: 11px !important;
  }

  .schedule-date,
.schedule-from-date,
.schedule-to-date,
.single-day-schedule-time,
.multi-day-schedule-time {
    display: inline-flex;
    margin-right: 8px;
  }

  .visitor-email {
    font-size: 14px;
    font-weight: 600;
    word-wrap: break-word;
  }

  .visitor-mgmt-visitor-name-group .visitor-mgmt-add-visitor-icon {
    height: 36px;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-email-info-label {
    width: 144px;
    margin-top: -20px;
    margin-bottom: 0;
    padding: 0;
    font-size: 8px !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address {
    height: 40px !important;
    width: 68% !important;
    margin-left: 2px;
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: white !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address-no-info-icon {
    height: 40px !important;
    width: 97% !important;
    border: 2px solid #e6e6e6 !important;
    border-radius: 5px !important;
    background-color: white !important;
  }

  .visitor-mgmt-email-info-icon button {
    margin-bottom: 8px !important;
  }

  .visitor-mgmt-visitors-list-item {
    padding: 0px !important;
  }

  .visitor-mgmt-visitors-list-item .visitor-mgmt-visitors-name {
    margin-left: 0px !important;
    word-wrap: break-word;
    font-size: 10px;
  }

  .visitor-mgmt-visitors-list-dialog {
    display: none;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day {
    width: 100px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day {
    width: 100px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 50px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 50px;
  }
}
/*For iPads Landscape*/
@media only screen and (min-width: 979px) and (max-width: 1024px) and (orientation: landscape) {
  .schedule-date,
.schedule-from-date,
.schedule-to-date,
.single-day-schedule-time,
.multi-day-schedule-time {
    display: inline-flex;
    margin-right: 8px;
  }

  .visitor-mgmt-edit-schedule-container .visitor-details .ui-fieldset-content {
    padding-right: 0;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .single-day {
    width: 125px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day {
    width: 125px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 50px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 80px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search {
    margin-left: 8px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-visitors-list .visitor-mgmt-search {
    margin-left: 0px !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address {
    width: 75% !important;
  }

  .visitor-mgmt-email-info-icon button {
    margin-bottom: 10px !important;
  }

  .visitor-mgmt-visitors-list-item {
    padding: 0px;
  }

  .visitor-mgmt-visitors-list-item .visitor-mgmt-visitors-name {
    margin-left: 0px !important;
    word-wrap: break-word;
  }
}
/*For iPad Pro Potrait*/
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  .schedule-date .ui-inputfield,
.schedule-from-date .ui-inputfield,
.schedule-to-date .ui-inputfield,
.single-day-schedule-time .ui-inputfield,
.multi-day-schedule-time .ui-inputfield {
    width: 71% !important;
    padding-left: 10px !important;
  }

  .visitor-mgmt-edit-schedule-container .visitor-details .ui-fieldset-content {
    padding-right: 0;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .single-day {
    width: 125px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .multi-day {
    width: 125px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 50px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitor-mgmt-btn-row .visitor-mgmt-delete-button {
    width: 80px !important;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-visitors-list .visitor-mgmt-search {
    margin-left: 0px !important;
  }

  .visitor-mgmt-guest-details .visitor-mgmt-field.visitor-email-address {
    width: 72% !important;
  }

  .visitor-mgmt-email-info-icon button {
    margin-bottom: 10px !important;
  }

  .schedule-date .ui-button, .schedule-from-date .ui-button, .schedule-to-date .ui-button, .single-day-schedule-time .ui-button, .multi-day-schedule-time .ui-button {
    margin-bottom: 7px !important;
  }
}
/*For iPad Pro Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) {
  .schedule-date,
.schedule-from-date,
.schedule-to-date,
.single-day-schedule-time,
.multi-day-schedule-time {
    display: inline-flex;
    margin-right: 8px;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search {
    margin: 5px 0 5px 0;
  }
}
@media screen and (max-width: 1199px) {
  .visitor-mgmt-edit-schedule-container .visitor-details .ui-fieldset-content {
    padding-right: 0;
  }

  .visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-new-ui .visitor-mgmt-list-wrapper .visitor-mgmt-list .visitor-mgmt-visitors-tab-area .visitor-mgmt-visitors-tab .visitor-mgmt-nav-tabs .visitor-mgmt-tab-content .visitor-mgmt-visitors-info-area-content .visitor-mgmt-visitors-info-area-content-style .visitor-mgmt-visitors-schedule .visitors-schedule-btn a i {
    margin: 0;
  }
}
.member-site-settings-btn-sync {
  padding: 7px;
}

.member-site-settings-table {
  border: none;
}

.memberSiteSettings-portlet .ui-state-highlight {
  text-shadow: 1px 1px 1px #333333;
}

body .memberSiteSettings-portlet .ui-progressbar .ui-progressbar-label {
  display: block !important;
}

html, body {
  height: 100vh;
  min-height: 100vh;
  margin: 0px !important;
  font-family: "open sans";
}

/* Structure Wrapper */
.rsc-main-container {
  min-height: 770px;
  background: url(../images/rooms/banner.jpg?pfdrid_c=true);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-flow: column nowrap;
  position: relative;
}

.rsc-main-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0deg, #4B4B4B, transparent);
  height: 175px;
}

.rsc-body {
  padding: 35px 15px 0px;
  width: 100%;
  z-index: 1;
}

.rsc-field-box-cover {
  display: flex;
  justify-content: space-between;
}

.rsc-main-container * {
  box-sizing: border-box;
}

/* Field Box */
.rsc-field-box {
  background: rgba(255, 255, 255, 0.9);
  padding: 18px 15px;
  margin-bottom: 12px;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

.rsc-bill-detail-guest .rsc-field-box {
  padding: 5px 15px !important;
}

.inner-room-details .rsc-field-box {
  margin-bottom: 0px;
}

/* Room Details */
.rsc-field-box-room-details {
  flex-flow: row wrap;
}

/* Date & Time */
.rsc-field-box-date-time {
  flex-flow: row wrap;
}

.rsc-field-box-date-time > div {
  width: 48%;
}

.rsc-field-box-date-time > div span {
  font-size: 18px;
}

/* Labels */
.rsc-field-box > label, label.rsc-lbl {
  letter-spacing: 0.48px;
  color: #858585;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  margin-bottom: 10px;
  font-family: "open sans";
}

.rsc-field-box > label > i {
  margin-right: 5px;
}

.rsc-colored-icon {
  color: #3E73FF;
}

.rsc-cc-card-type-icon {
  color: #3E73FF;
  float: right;
  font-size: 20px;
}

.minicon {
  font-size: 12px !important;
  margin: 0px 3px !important;
}

.rsc-field-box > span {
  letter-spacing: 0px;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "open sans";
}

.rsc-field-box > span i {
  color: #3E73FF;
  font-size: 18px;
}

/* Footer */
.rsc-footer {
  padding: 0px 15px 25px;
  width: 100%;
  z-index: 1;
  padding: 0px 15px 25px;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-flow: column;
}

.rsc-get-direction-txt, .rsc-front-desk-txt, .rsc-add-guest-txt {
  display: none;
}

.rsc-save-guest-btn {
  width: 100% !important;
  padding: 10px 4px !important;
}

.rsc-add-more-guest-btn {
  width: 99% !important;
  padding: 10px 4px !important;
}

.rsc-card-footer-btn-row a {
  padding: 10px 4px !important;
}

.rsc-btn span {
  font-size: 12px;
}

.rsc-footer-btn-row {
  display: flex;
  justify-content: flex-end;
}

.rsc-add-guest-btn, .rsc-call-btn, .rsc-get-dir-checkin-btn {
  margin-right: 10px;
}

.rsc-footer-timer {
  font-size: 14px;
  margin-bottom: 12px;
  color: #fff;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
  font-family: "open sans";
}

.rsc-footer-btn-row .rsc-btn-check-out {
  color: #fff;
  background: #3C9152;
  padding: 19px 24px;
}

.rsc-credit-card-btn-cont a, .rsc-credit-card-btn-cont i,
.rsc-footer-btn-row .rsc-btn-check-out, .rsc-btn-gtg, .rsc-btn-gtg i {
  color: #fff !important;
}

.rsc-footer-btn-row .rsc-btn-gtg:last-child {
  background: #1ec265;
}

.rsc-footer-btn-row .rsc-btn-check-out:last-child {
  background: #1ec265 !important;
  padding: 19px 44px !important;
}

.rsc-save-guest-btn, .rsc-add-more-guest-btn {
  color: white !important;
  border-radius: 5px !important;
}

.rsc-save-guest-txt, .rsc-add-more-guest-txt {
  vertical-align: text-top;
}

.rsc-save-guest-btn {
  background: #1ec265 !important;
  border-color: #1ec265 !important;
}

.rsc-add-more-guest-btn {
  background: #3e73ff !important;
  border-color: #3e73ff !important;
}

.rsc-footer-btn-row .rsc-btn, .rsc-card-footer-btn-row .rsc-btn {
  border-radius: 4px;
  outline: none !important;
  border: none !important;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.9);
  color: #858585;
  font-family: "open sans";
  padding: 19px 14px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

.rsc-footer-btn-row .rsc-btn {
  text-align: center;
}

.rsc-btn {
  display: block !important;
}

.rsc-footer-btn-row .rsc-btn > i, .rsc-icon {
  font-size: 24px;
  color: #3E73FF;
}

/* Alert Bar */
.rsc-alertbar {
  width: 100%;
  padding: 15px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-family: "open sans";
}

.rcs-portlet-msg-success .rsc-alertbar {
  background: #1ec265;
  color: #fff;
}

.rcs-portlet-msg-alert .rsc-alertbar {
  background: #fffbdc;
  color: #bf7900;
  border: 1px solid #f1d875;
}

.rcs-portlet-msg-error .rsc-alertbar {
  background: #E14D4D;
  color: #fff;
}

.rsc-alertbar i {
  font-weight: 800;
  font-size: 18px;
}

/* Second Screen */
.checked-in .rsc-field-box-greeting > .rsc-field-box {
  margin-bottom: 0px;
  box-shadow: none;
  border-radius: 4px 4px 0px 0px;
}

.checked-in .rsc-field-box-room-details > .rsc-field-box.rsc-room-type {
  border-radius: 0px;
  margin: 0px;
  box-shadow: none;
  width: 100%;
}

.checked-in .rsc-field-box-room-details .rsc-room-number, .checked-in .rsc-field-box-room-details .rsc-floor-number {
  margin-right: 0px !important;
  width: 50%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: none;
}

.checked-in .rsc-field-box-room-details .rsc-room-number-without-floor {
  margin-right: 0px !important;
  width: 100%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: none;
}

.rsc-floor-number {
  border-bottom-left-radius: 0px;
}

.rsc-room-number {
  border-bottom-right-radius: 0px;
}

.rsc-shadow-box {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

/* Checked In Options */
.rsc-field-box-checked-in-options {
  flex-flow: row wrap;
  justify-content: start;
}

.checked-in .rsc-field-box-checked-in-options .rsc-field-box.rsc-mobile-keys {
  width: calc(33% - 0px) !important;
  margin-right: 0px !important;
}

.rsc-field-box-checked-in-options > div.rsc-field-box {
  width: calc(33% - 12px);
  margin-right: 12px;
  float: left;
}

.rcs-guest-list-ul {
  list-style-type: none;
}

.rsc-payment-lbl {
  margin-left: 5px;
  display: inline-block !important;
}

.rsc-field-box-payment-method .rsc-field-box > i {
  color: #3E73FF;
}

.rsc-header {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 0 0 30px;
  align-items: center;
  justify-content: space-between;
  font-family: "open sans";
}

.rsc-header .rsc-header-goBack {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rsc-room-image {
  width: 100% !important;
  height: 250px !important;
}

.rsc-room-type-description {
  font-size: 15px !important;
  letter-spacing: 0.5px;
  font-weight: 100;
  font-family: "open sans";
}

.rsc-room-type-description-cont {
  margin-top: 0;
  margin-bottom: 1rem;
}

.rsc-lbl {
  letter-spacing: 0.48px;
  color: #858585;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "open sans" !important;
}

.inner-room-details .rsc-field-box-cover, .inner-add-guests .rsc-field-box-cover,
.inner-payment-method .rsc-field-box-cover, .inner-view-bill .rsc-field-box-cover {
  display: block;
  margin-bottom: 20px;
}

.rsc-credit-card-btn-cont {
  margin-top: 30px;
}

.rsc-btn-primary {
  background-color: #3E73FF !important;
  white-space: nowrap;
}

.rsc-detail-room-type, .rsc-amenities-cont {
  margin-top: 30px;
  margin-bottom: 5px;
}

.rsc-detail-room-type {
  margin-bottom: 0.5rem;
}

.rsc-back-btn-txt, .rcs-fa-back {
  font-size: 20px !important;
}

.rsc-back-btn-txt {
  color: black;
  font-family: "open sans";
}

.rsc-room-image-cont, .rsc-room-type-and-rate-cont {
  padding-right: 15px;
}

.rsc-guest-inptxt-container {
  width: 100%;
}

.rsc-main-container .form-control, .rsc-saved-card-list .ui-grid-col-12 {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.rsc-saved-card-list .ui-grid-col-12 {
  background: #FAFAFB;
  min-height: 50px;
  margin-bottom: 5px;
  border: 2px solid #E8E8EB;
}

.rsc-saved-card-list .ui-grid-col-12 .ui-radiobutton {
  margin-top: 14px;
}

.rsc-saved-card-list .ui-icon-bullet {
  margin-left: 0px;
  margin-top: -1px;
}

.rsc-saved-card-list .ui-grid-col-12 label {
  width: 95%;
}

.rsc-guest-detail-cont label, .rsc-payment-method-field-cont label {
  margin-bottom: 0px !important;
  margin-top: 15px !important;
}

.rsc-guest-detail-cont label, .rsc-payment-method-field-cont label,
.rsc-guest-detail-cont span, .rsc-guest-detail-cont input {
  font-family: "open sans";
}

.rsc-main-container ul {
  margin: 0px !important;
}

.rsc-amenities {
  font-weight: 400;
  font-size: 12px;
  font-family: "open sans";
  padding: 4px 10px;
  border-radius: 0.25rem;
  margin-bottom: 5px !important;
  background-color: #17a2b8 !important;
  color: #fff;
  width: fit-content;
  display: inline-block;
}

.rsc-room-type-and-rate-cont .ui-grid-row {
  margin-top: 10px;
}

.rsc-hr {
  display: block;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-style: inset !important;
  border-width: 1px !important;
}

/*.rsc-credit-card-btn-cont {
    width: 48%;
    display: inline-block !important;
}*/
.rsc-mark-folio-owner-lbl {
  vertical-align: top;
  padding-bottom: 5px;
}

.rsc-mark-folio-owner-field-cont, .rsc-credit-card-btn-cont {
  text-align: left;
}

.rsc-footer-btn-row i, .rsc-card-footer-btn-row i {
  vertical-align: sub;
}

.rsc-checkin-main-cont .rsc-room-number {
  width: calc(70% - 12px);
  margin-right: 12px;
}

.rsc-checkin-main-cont .rsc-floor-number {
  width: 30%;
}

.rsc-checkin-main-cont .rsc-room-type-without-floor,
.rsc-checkin-main-cont .rsc-room-type, .rsc-checkin-main-cont .rsc-room-number-without-floor {
  width: 100%;
}

.rsc-mandatory, .rsc-card-type-lbl, .rsc-card-type-lbl,
.rsc-expiry-month-lbl, .rsc-expiry-year-lbl, .rsc-holder-name-lbl, .rsc-guest-names {
  display: inline-block !important;
}

.rsc-card-type-dropdown .ui-selectonemenu-label,
.rsc-expiry-month-dropdown .ui-selectonemenu-label,
.rsc-expiry-month-dropdown .ui-selectonemenu-label {
  margin-top: 0px !important;
}

.rsc-card-type-dropdown .ui-inputfield, .rsc-expiry-month-dropdown .ui-inputfield,
rsc-expiry-month-dropdown .ui-inputfield {
  box-shadow: none;
}

.rsc-remove-guest-lbl {
  display: inline-block;
  font-size: 15px;
  color: red !important;
  font-weight: 100;
}

.rsc-add-credit-card-icon {
  float: right;
  font-size: 20px;
  color: #3e73ff;
}

.rsc-card-remove-icon {
  font-size: 20px;
  color: red !important;
  float: right;
}

.rsc-credit-card-number-and-icon {
  margin-top: 5px;
}

.rsc-remove-li {
  margin-top: 15px;
}

.rsc-credit-card-accord-cont .ui-selectonemenu-trigger {
  margin-left: -5px;
}

.rsc-credit-card-accord-cont .ui-accordion-header {
  padding: 2px 10px !important;
  background: #fafafb !important;
  border: 2px solid #e8e8eb !important;
  border-radius: 5px;
}

.rsc-add-credit-card-accord-lbl, .rsc-credit-card-accord-cont .ui-icon-triangle-1-s {
  color: #848484 !important;
}

.rsc-accord-tab-title-hide {
  display: none !important;
}

.rsc-credit-card-accord-cont .ui-accordion-content {
  padding: 0px !important;
  overflow: hidden;
}

/* Add Guests */
.rsc-credit-detail-card-cont > .form-control {
  background: #eee !important;
}

.rsc-add-credit-card-btn {
  color: #454545 !important;
  text-transform: capitalize;
}

.rsc-add-credit-card-btn:hover {
  text-decoration: none !important;
}

.rsc-credit-detail-card-cont > .form-control:hover {
  border-color: #aaa !important;
}

.rsc-add-guest-detail-main-cont .rsc-footer {
  padding: 0;
}

.inner-add-guests .rsc-shadow-box {
  box-shadow: none !important;
}

.rooms-cc-openedge-iframe {
  height: 350px;
  width: 100%;
  padding-top: 10px;
}

/*Rooms View Bill*/
.rsc-view-bill-lbls, .rsc-pay-bill-lbls {
  letter-spacing: 0px !important;
  color: #000000 !important;
  font-weight: 700 !important;
  align-items: center !important;
  justify-content: space-between;
  justify-content: flex-start !important;
  align-items: center !important;
  text-transform: uppercase !important;
  font-family: "open sans" !important;
}

.rsc-view-bill-detail-lbl {
  margin-top: 1.5rem !important;
}

.rsc-view-bill-header, .rsc-pay-bill-header {
  display: flex;
}

.rsc-view-bill-lbl, .rsc-view-bill-detail-lbl, .rsc-owner-name-lbl,
.rsc-pay-bill-heading {
  font-size: 18px !important;
}

.rsc-view-bill-detail-val {
  font-size: 12px !important;
  margin-bottom: 15px !important;
  line-height: normal !important;
  margin-top: 5px;
}

.rsc-expand-all-btn, .rsc-expand-all-one-member-btn,
.rsc-owner-total-lbl, .rsc-expand-btn, .rsc-expand-btn-cont,
.rsc-charges-val, .rsc-total-val {
  float: right;
}

.rsc-charges-val, .rsc-charges-lbl {
  font-size: 12px !important;
  letter-spacing: 0.48px;
  line-height: 15px !important;
  font-family: "open sans";
}

.rsc-charges-lbl, .rsc-expand-btn, .rsc-expand-btn-cont {
  display: inline-block !important;
}

.rcs-fa-chevron-up-down-cont {
  background: #cecece;
  transition: all 0.3s ease;
  border-radius: 4px;
  padding: 5px;
  height: 22px;
  margin-left: 5px;
  color: #000 !important;
}

.rcs-view-charges-cont, .rcs-view-charges-cont .ui-panel-content {
  padding: 0px !important;
  background: #E8E8EB !important;
  border-radius: 4px;
}

.rcs-view-charges-cont .ui-panel-titlebar, .rsc-vill-bill-cont .ui-panel-titlebar {
  background: no-repeat;
  border: none;
  padding: 0px;
}

.rcs-view-charges-main-cont {
  padding: 5px 5px 0px 5px !important;
  background: #E8E8EB !important;
  border-radius: 4px;
  margin-bottom: 1.5rem !important;
}

.rcs-view-charges-cont .ui-panel-titlebar-icon, .rsc-vill-bill-cont .ui-panel-titlebar-icon {
  display: none;
}

.rcs-view-charges-detail-main-cont .ui-outputlabel {
  padding: 0px 0 !important;
}

.rsc-pay-bill-lbl {
  letter-spacing: 0.48px;
  color: #858585;
  font-size: 12px !important;
  margin-top: 20px;
}

.rsc-use-deposit, .rsc-share-deposit {
  display: inline-block;
}

.rsc-share-deposit-lbl, .rsc-use-deposit-lbl {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.rsc-use-deposit-cont {
  margin-top: 20px;
  margin-bottom: 30px;
}

.rsc-inner-screens-main-heading {
  justify-content: flex-start !important;
  align-items: center !important;
  font-size: 16px !important;
  text-transform: uppercase;
  font-family: "open sans";
  font-weight: 800 !important;
  display: inline-block;
  vertical-align: super;
  margin-left: 5px;
}

.rsc-inner-sub-heading {
  font-size: 18px;
  font-weight: 700;
  font-family: "open sans";
}

.rsc-room-type-and-rate-cont {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  font-family: "open sans";
}

.rsc-body input.ui-state-disabled {
  opacity: 30 !important;
  filter: Alpha(Opacity=35);
  cursor: no-drop !important;
  color: black !important;
}

.rsc-body .ui-selectonemenu {
  margin-left: 0px;
}

.rcs-credit-card {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid #dee2e6 !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  min-height: 130px;
}

.rcs-credit-card .card-key {
  font-size: 10px;
  text-transform: uppercase;
}

.rcs-credit-card .card-value {
  font-size: 13px;
  font-weight: bold;
  color: #101110;
}

.rcs-credit-card .label-active {
  background-color: #55C76C !important;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #101110;
}

.rcs-credit-card.amex-card-border {
  border: 2px solid #1B6DB3 !important;
}

.rcs-credit-card.discover-card-border {
  border: 2px solid #F76300 !important;
}

.rcs-credit-card.master-card-border {
  border: 2px solid #E4001A !important;
}

.rcs-credit-card.visa-card-border {
  border: 2px solid #002181 !important;
}

.rcs-credit-card.diners-card-border {
  border: 2px solid #084E94 !important;
}

.rsc-card-number-cont {
  margin: 20px 0px 20px 0px;
}

.rsc-selected-credit-card .rcs-credit-card {
  background: lightgreen;
}

.rsc-saved-cards-cont .ui-carousel-dropdown, .rsc-saved-cards-cont .ui-carousel-mobiledropdown {
  display: none !important;
}

.rsc-saved-cards-cont .ui-carousel-header-title {
  width: 80% !important;
}

.rsc-saved-cards-cont .ui-carousel-header {
  padding: 5px;
}

.rsc-saved-cards-heading {
  font-family: "open sans";
}

.rsc-saved-cards-cont .ui-carousel-header {
  background: white !important;
}

.rsc-credit-card, .rsc-email, .rsc-phone {
  display: inline-block !important;
}

.rooms-heading-title {
  font-size: 24px;
  font-weight: bold;
}

.rsc-vendor-cont {
  margin-top: 5px;
}

.rsc-saved-card-list label {
  vertical-align: text-bottom;
  font-size: 20px;
}

.rooms-cc-openedge-iframe {
  height: 350px;
  width: 100%;
  padding-top: 10px;
}

.rsc-validation-error-msg {
  margin-top: 0px !important;
  color: red !important;
  font-size: 16px !important;
}

.details-field-ul input[disabled] {
  cursor: not-allowed;
  background-color: #eee !important;
}

.rsc-selected-guest {
  height: 45px !important;
  border: 2px solid #1ec265 !important;
  padding: 0rem 0.3rem 0rem 0rem;
}

.rsc-frontdesk-number-popup {
  width: 30% !important;
  height: 20% !important;
  left: 35% !important;
  overflow-y: hidden !important;
}

.rsc-remove-guest-btn-cont {
  text-align: right;
}

.rsc-remove-erase-btn {
  color: red !important;
  font-size: 15px !important;
}

.rsc-guest-member-action-cont {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  padding: 0px;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 2;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.rsc-guest-member-name-cont {
  display: block !important;
  width: 100% !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 2;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.rsc-member-inptxt, .rsc-guest-inptxt {
  border: none !important;
  width: 100% !important;
  font-size: 1rem !important;
}

.rsc-selected-guest {
  border: 2px solid #1ec265 !important;
}

.rsc-selected-member {
  border: 2px solid rebeccapurple !important;
}

.rsc-selected-member, .rsc-selected-guest {
  height: 41px !important;
  padding: 0px;
}

.rsc-select-member-btn, .rsc-select-guest-btn {
  width: 100%;
  padding: 5px 4px !important;
  color: white !important;
  border-radius: 3px !important;
}

.rsc-select-guest-btn {
  background: #1ec265 !important;
  border-color: #1ec265 !important;
}

.rsc-select-member-btn {
  background: rebeccapurple !important;
  border-color: rebeccapurple !important;
}

.rsc-select-type-lbl, .rsc-guest-inptxt-container .ui-autocomplete-input {
  font-size: 15px !important;
  color: #8d8d8d !important;
}

.rsc-select-type-lbl {
  padding: 8px;
}

.rsc-member-inptxt, .rsc-guest-inptxt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.rsc-guest-detail-cont ul {
  display: block;
  list-style-type: none !important;
  margin-block-start: 0px !important;
  margin-block-end: 0px !important;
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
  padding-inline-start: 0px !important;
}

.rsc-member-inptxt {
  margin-bottom: 0px !important;
}

.rsc-selected-member-guest-input-main-cont input[type=text] {
  border: none !important;
  line-height: 20px !important;
  padding: 4px 6px !important;
  margin-bottom: 0px !important;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch .ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%;
  background: #ffffff;
  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  margin-top: -0.625rem;
  border-radius: 50%;
  transition: transform 0.2s;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 1.75rem;
}

.rsc-mark-folio-owner-field-cont .ui-toggleswitch {
  width: 3.5em;
  height: 1.75em;
}

.rsc-make-folio-switch {
  display: grid !important;
}

.rsc-mark-folio-owner-main-cont, .rsc-remove-guest-btn-cont {
  display: inline-block;
  float: left !important;
}

.rsc-mark-folio-owner-main-cont {
  width: 40% !important;
}

.rsc-remove-guest-btn-cont {
  width: 60% !important;
}

@media screen and (min-width: 768px) {
  .rsc-main-container {
    justify-content: flex-start;
    max-width: 1170px;
    margin: auto;
    background: none !important;
    padding: 335px 12vw 0;
    box-sizing: border-box;
  }

  .rsc-main-container:before {
    background: url(../images/rooms/banner.jpg?pfdrid_c=true);
    top: 50px;
    height: 410px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .hidden-desktop {
    display: none !important;
  }

  .rsc-field-box {
    padding: 16px 15px !important;
    background: rgba(255, 255, 255, 0.95);
  }

  .rsc-field-box-date-time > div {
    width: 24% !important;
  }

  .rsc-footer {
    flex-direction: column-reverse;
  }

  .rsc-footer-btn-row {
    margin-bottom: 12px !important;
  }

  .rsc-footer-btn-row .rsc-btn-all {
    width: 24%;
  }

  .rsc-footer-btn-row .rsc-btn-3 {
    width: 33%;
  }

  .rsc-footer-btn-row .rsc-btn-2 {
    width: 50%;
  }

  /*.checked-in .rsc-footer-btn-row .rsc-btn {
  	width: 33%; enabled once check-out feature is available
  }*/
  .checked-in .rsc-footer-btn-row .rsc-btn {
    width: 50%;
  }

  .rsc-footer-btn-row .rsc-btn span {
    display: inline !important;
  }

  .rsc-footer-timer {
    color: #DF5959 !important;
  }

  .rsc-main-container.checked-in .rsc-field-box-room-details {
    margin-bottom: 12px;
  }

  .rsc-field-box-checked-in-options > div.rsc-field-box {
    width: calc(25% - 10px);
    margin-right: 10px;
  }

  .rsc-field-box-checked-in-options > div.rsc-view-bill {
    width: 25%;
    margin-right: 0px;
  }

  .rsc-checkin-main-cont .rsc-room-type {
    width: 50%;
  }

  .rsc-checkin-main-cont .rsc-room-type-without-floor {
    width: 50%;
  }

  .rsc-checkin-main-cont .rsc-room-number-without-floor {
    width: calc(50% - 12px);
    margin-right: 12px;
  }

  .rsc-checkin-main-cont .rsc-room-number, .rsc-checkin-main-cont .rsc-floor-number {
    width: calc(25% - 12px);
    margin-right: 12px;
  }
}
@media screen and (max-width: 640px) and (min-width: 1px) {
  .rsc-saved-card-list .ui-grid-col-12 label {
    width: 92% !important;
  }

  .rsc-saved-cards-cont .ui-icon-circle-triangle-e, .rsc-saved-cards-cont .ui-icon-circle-triangle-s {
    position: relative;
    top: 0px !important;
  }

  .rsc-saved-card-list label {
    font-size: 15px !important;
  }

  .rsc-footer {
    position: sticky;
    bottom: 0;
  }

  .rsc-header {
    position: sticky;
    top: 0;
    z-index: 999;
  }

  .rsc-select-member-btn, .rsc-select-guest-btn {
    margin-top: 2px !important;
  }
}
@media screen and (max-width: 800px) and (min-width: 1px) {
  .rsc-pay-credit-card-detail-inner {
    width: 100%;
  }

  .rsc-selected-guest, .rsc-selected-member {
    height: 45px !important;
    padding: 0rem 0rem 0rem 0rem !important;
  }

  .rsc-selected-guest .ui-grid-col-10, .rsc-selected-member .ui-grid-col-10 {
    width: 68% !important;
    display: inline-block !important;
    float: left;
  }

  .rsc-selected-guest .ui-grid-col-2, .rsc-selected-member .ui-grid-col-2 {
    width: 32% !important;
    display: inline-block !important;
  }

  .rsc-guest-member-action-cont {
    height: 50px !important;
  }

  .rsc-select-type-cont {
    display: none !important;
  }

  .rsc-select-guest-type-cont, .rsc-select-member-type-cont {
    width: 50% !important;
    float: left !important;
    display: inline-block !important;
  }

  .rsc-frontdesk-number-popup {
    width: 70% !important;
    height: 15% !important;
    left: 15% !important;
    overflow-y: hidden !important;
  }

  .rsc-save-guest-btn .rsc-save-guest-icon, .rsc-add-more-guest-btn .rsc-add-more-guest-icon {
    display: none !important;
  }

  .rsc-member-inptxt, .rsc-guest-inptxt {
    margin-top: 3px !important;
  }

  .rsc-mark-folio-owner-field-cont .ui-toggleswitch {
    width: 3.2em !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .rsc-field-box > label > i {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .rsc-footer {
    position: sticky;
    bottom: 0;
  }

  .rsc-header {
    position: sticky;
    top: 0;
    z-index: 999;
  }
}
.data-border {
  border-color: darkgrey !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.poa-property-owners-detail {
  margin-bottom: 5px;
  margin-top: 5px;
}

.poa-property-details {
  margin-right: 5px;
}

.poa-property-ownership-detail {
  margin-top: 5px;
}

.poa-property-violation-div {
  display: inline-block;
  width: 250px;
  background: #ff0000 !important;
  margin-right: 10px;
  margin-bottom: 20px;
}

.poa-property-balance-div {
  display: inline-block;
  width: 265px;
  background: orange !important;
  margin-right: 10px;
  margin-bottom: 20px;
}

.poa-property-lein-div {
  display: inline-block;
  width: 250px;
  background: #5a9a6b !important;
  margin-right: 10px;
  margin-bottom: 20px;
}

.poa-property-heading label {
  color: white !important;
  text-align: right !important;
  padding-right: 5px !important;
}

.poa-property-heading h1 {
  color: white !important;
  padding-right: 5px !important;
}

.poa-property-owner-info {
  padding-left: 10px;
}

.poa-property-address-details {
  margin-top: 10px;
  margin-bottom: 10px;
}

.poa-property-photo-div {
  padding: 10px;
}

.poa-property-padding-left {
  padding-left: 5px;
}

.poa-property-rental-info-label {
  color: white !important;
}

.poa-property-owner-info-label {
  color: white !important;
}

.poa-property-info-label {
  color: white !important;
}

.poa-property-cur-owner-sel {
  border: 1px solid #156090 !important;
  background: #186ba0 !important;
  color: #fff !important;
}

.poa-property-heading h1.main-value {
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: right;
}

@media only screen and (max-width: 500px) {
  .poa-property-violation-div, .poa-property-balance-div,
.poa-property-lein-div {
    width: 100% !important;
  }
}
.update-cc-status {
  text-align: right !important;
}

.ui-grid-row {
  border-top: 0px !important;
}

.poa-smart-vw-tab-label {
  height: 35px !important;
}
.poa-smart-vw-tab-label a {
  color: #545454 !important;
}

.disable-scroll-poa-ach-dialog {
  top: 35% !important;
  width: 42% !important;
  overflow-y: hidden !important;
}

.poaVrPropertyImageGI {
  max-height: 133px important;
}

.not-allowed {
  cursor: not-allowed important;
}

.color-flags {
  width: 22px;
  height: 22px;
  margin-left: 5px;
  border-radius: 50%;
}

.availableDays {
  width: 80%;
  margin-left: auto;
}

.centerAlign {
  display: flex;
  align-items: center;
  justify-content: center;
}

.connectReservedDates {
  background: #A0CCFF !important;
}

.otherReservedDates {
  background: #F8B1B1 !important;
}

.poaVacCalendarClass input {
  visibility: hidden !important;
  display: flex !important;
  margin-bottom: -25px !important;
  width: 270px !important;
}

.poaVrCheckInCal input {
  visibility: hidden !important;
  display: flex !important;
  margin-bottom: -25px !important;
}

.poaVrCheckOutCal input {
  visibility: hidden !important;
  display: flex !important;
  margin-bottom: -25px !important;
}

.poaVrAutoComplt input {
  border: 0 !important;
  padding: 6px 12px !important;
  line-height: 1.42857143 !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  margin-left: -1px !important;
  width: 245% !important;
  margin-top: -8px !important;
  height: 42px !important;
}

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

.poaVrOccupantName {
  border: 2px;
  border-style: groove;
  margin-top: 9px;
  height: 45px;
  width: 97%;
  padding: 0px;
}

.poaVrOccupantNameInp {
  border: 0 !important;
  margin-top: -5px;
  height: 35px;
}

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

.poaVrNoOfPersonInp {
  width: 60% !important;
  margin-top: 10px !important;
}

.poaVrEmailDiv {
  margin-top: 12px !important;
  margin-left: 0px !important;
}

.poaVrEmail {
  margin-top: 0 !important;
  width: 97% !important;
}

.poaVrGuestDiv {
  margin-top: 12px !important;
}

.poaVrPhoneNoDiv {
  margin-top: 12px !important;
}

.poaVrPNo {
  margin-top: 0 !important;
}

.poaVrProDetailDiv {
  padding-top: 20px;
}

.styleClassProp1 {
  background-color: #FC6E6E !important;
  border-color: #FC6E6E !important;
  color: #FC6E6E !important;
  border-radius: 20px;
  height: 13px;
  cursor: default !important;
}

.styleClassProp2 {
  background-color: #6956F8 !important;
  border-color: #6956F8 !important;
  color: #6956F8 !important;
  border-radius: 20px;
  height: 13px;
  cursor: default !important;
}

.styleClassProp3 {
  background-color: #9CDE4E !important;
  border-color: #9CDE4E !important;
  color: #9CDE4E !important;
  border-radius: 20px;
  height: 13px;
  cursor: default !important;
}

.legendStyle {
  font-weight: bold !important;
  border: 0 !important;
  margin-left: 5% !important;
}

.calendarviewGrd {
  width: 80%;
  height: 100%;
}

.poaVrselectMemberOption div:first-child span {
  padding: 5px 15px;
  border: 1px solid #656f89;
  background-color: #4B4386;
  color: white;
}

.poaVrselectMemberOption div:nth-child(2) span {
  padding: 5px 15px;
  border: 1px solid #656f89;
  background-color: #4F9A42;
  color: white;
}

.poaVrBookForGues {
  margin-top: 34px !important;
  padding-left: 0px !important;
}

.poaVrMainBody {
  background: #fff;
  font-family: "IBM Plex Sans", sans-serif !important;
  color: #0D1F34 !important;
}

.vacationRentalPropertiesAdjust {
  padding: 0 !important;
  margin: 0% !important;
  width: 100.3% !important;
}

.ui-chkbox .ui-chkbox-label {
  margin-left: 10px !important;
}

.zeroMargin {
  margin: 0 !important;
}

.width100Per {
  width: 100% !important;
}

.new-ui .vacation-rental-wrapper {
  padding-top: 0px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-heading h1 {
  font-weight: 700;
  font-size: 40px;
  color: #0D1F34;
  font-family: "IBM Plex Sans", sans-serif !important;
  padding: 0;
  margin-bottom: 44px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes ul {
  list-style: none;
  padding: 0;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box {
  background: #fefefe;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  border-radius: 4px;
  height: 125px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a {
  text-decoration: none;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box .overview-box-value-area {
  position: relative;
  padding-top: 30px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box .overview-box-value-area .overview-box-value {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 25px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box .overview-box-value-area .overview-box-heading {
  font-size: 15px;
  font-weight: 600;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .active .overview-box {
  border: 1px solid #0D1F34;
  background: #fff !important;
  color: #0D1F34 !important;
  box-shadow: none;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .active a .overview-box .overview-box-value-area {
  color: #0D1F34 !important;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.Revenue {
  background: #dfc8fb;
  transition: 0.3s ease-in all;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.Revenue:hover {
  background: #CBA3F9;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.Revenue .overview-box-value-area {
  color: #543679;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.Revenue .overview-box-value-area:hover {
  color: #370575;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.balance {
  background: #f3b6ce;
  transition: 0.3s ease-in all;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.balance:hover {
  background: #EC86AE;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.balance .overview-box-value-area {
  color: #722342;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.balance .overview-box-value-area:hover {
  color: #721238;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.payout {
  background: #bbd19b;
  transition: 0.3s ease-in all;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.payout:hover {
  background: #8EB359;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.payout .overview-box-value-area {
  color: #405C18;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.payout .overview-box-value-area:hover {
  color: #35540A;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.occupancy {
  background: #f7e291;
  transition: 0.3s ease-in all;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box.occupancy:hover {
  background: #F3D048;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.occupancy .overview-box-value-area {
  color: #64520E;
}

.new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes a .overview-box.occupancy .overview-box-value-area:hover {
  color: #514105;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area {
  padding-top: 34px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-heading h2 {
  background-color: transparent;
  font-size: 23px;
  font-weight: 700;
  font-family: "IBM Plex Sans", sans-serif !important;
  color: #0D1F34;
  /* 	padding: 23px 0 0 0; */
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn {
  display: inline-block;
  border: 1px solid #0D1F35;
  border-radius: 4px;
  padding: 2px;
  background: #fff;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest {
  display: inline-block;
  border: 1px solid #0D1F35;
  border-radius: 4px;
  padding: 2px;
  background: #fff;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn ul {
  margin: 0;
  padding: 0;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul {
  margin: 0;
  padding: 0;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn ul li {
  display: inline-block;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li {
  display: inline-block;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn ul li a {
  font-size: 16px !important;
  background: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  padding: 9px 15px;
  display: block;
  color: #7E858D;
  transition: 0.3s ease-in all;
  cursor: pointer;
  margin: 0;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li a {
  font-size: 16px !important;
  background: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  padding: 9px 15px;
  display: block;
  color: #7E858D;
  transition: 0.3s ease-in all;
  cursor: pointer;
  margin: 0;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn ul li a:hover {
  background-color: #0D1F35;
  color: #fff;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li a:hover {
  background-color: #0D1F35;
  color: #fff;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn ul li.active a {
  background-color: #0D1F35 !important;
  color: #fff;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li.active a {
  background-color: #0D1F35 !important;
  color: #fff;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn ul li a i {
  margin-right: 5px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li a i {
  margin-right: 5px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li:first-child a i {
  font-size: 20px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li:first-child a i {
  font-size: 20px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties {
  margin-top: 10px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties {
  margin-top: 10px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties.active .rental-properties-border {
  border: 1px solid #0D1F34;
  border-radius: 4px;
  background: #F0F2F4;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties {
  border: 1px solid #CED1D9;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-img {
  height: 133px;
  max-width: 370px;
  max-height: 220px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail {
  padding: 0px 32px 24px 0;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail .rental-property-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail .rental-property-category {
  font-size: 18px;
  font-weight: 500;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .confirm-booking-btn a {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  background: #0D1F34;
  border-radius: 4px;
  display: block;
  color: #fff;
  padding: 12px 0;
  text-decoration: none;
  border: 1px solid #0D1F34;
  transition: 0.3s ease-in all;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .confirm-booking-btn.disable a {
  background: #9FABB9;
  border: 1px solid #9FABB9;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .confirm-booking-btn.disable a:hover {
  background: #9FABB9;
  border: 1px solid #9FABB9;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .confirm-cancel-btn {
  margin-top: 15px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .cancel-booking-btn a {
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  background: #fff;
  border-radius: 4px;
  display: block;
  color: #C40632;
  padding: 12px 0;
  text-decoration: none;
  border: 1px solid #C40632;
  transition: 0.3s ease-in all;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .guest-information-heading:after {
  content: "";
  height: 2px;
  background: #CED1D9;
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: calc(100% - 237px);
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .guest-information-heading {
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative;
  margin: 15px 0 20px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .guests-number input {
  border-left: 0;
  text-align: center;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .guests-number .btn {
  padding: 8px 16px;
  background: #656f89;
  border: 1px solid #656f89;
  outline: 0;
  font-size: 24px !important;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area.confirm-message-area .confirm-message {
  font-size: 20px;
  color: #019D25;
  text-transform: uppercase;
  text-align: center;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area.confirm-message-area .confirm-message img {
  padding-right: 16px;
  top: -2px;
  position: relative;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail .available-days-text {
  font-size: 16px !important;
  color: #EA0036;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: -25px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area {
  padding: 30px;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area label {
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area input {
  border: 1px solid #CED1D9;
  height: 45px;
  border-right: 0;
  box-shadow: none;
  font-size: 16px;
  color: #212121;
  font-weight: 500;
}

.new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail .available-dates-btn a {
  background: #0D1F34;
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  padding: 13px 0;
  border: 1px solid #0D1F34;
  margin-bottom: 5px;
  font-size: 18px !important;
}

@media screen and (max-width: 415px) {
  .check-in-div {
    margin-bottom: -75px !important;
  }

  .check-out-div {
    margin-bottom: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .new-ui .vacation-rental-wrapper {
    padding-top: 30px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-heading h1 {
    font-size: 30px;
    margin-bottom: 31px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box {
    margin-bottom: 10px;
    height: 95px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box .overview-box-value-area {
    top: 40%;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box .overview-box-value-area .overview-box-value {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-heading h2 {
    padding: 0px 0 30px 0;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-notification {
    display: block;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-notification-guest {
    display: block;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn {
    display: block;
    margin-bottom: 10px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest {
    display: block;
    margin-bottom: 0px;
    width: 92%;
    background-color: #EEEEEE;
    border: none;
    padding: 3px 0px 5px 0px !important;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-notification .dropdown {
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-notification-guest .dropdown {
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-notification .dropdown .btn:hover {
    display: block;
    width: 100%;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-notification-guest .dropdown .btn:hover {
    display: block;
    width: 100%;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail {
    padding: 15px;
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail .available-dates-btn a {
    margin-top: 14px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area {
    padding: 15px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .booking-checkbox {
    margin-top: 0;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .confirm-booking-btn a {
    margin: 10px 0;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area.confirm-message-area .confirm-message img {
    display: block;
    text-align: center;
    margin: 8px auto 12px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes-data {
    padding: 15px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-img {
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 85%;
  }

  .new-ui .vacation-rental-wrapper {
    padding-top: 0px;
  }

  .vrPropertyLegends {
    margin-top: 15px;
  }

  .legendStyle {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

  .styleClassProp1 {
    height: 5px !important;
  }

  .styleClassProp2 {
    height: 5px !important;
  }

  .styleClassProp3 {
    height: 5px !important;
  }

  .poaVrGuestDiv {
    margin-top: 55px !important;
    width: 100% !important;
  }

  .poaVrEmailDiv {
    width: 100% !important;
  }

  .poaVrNoOfPersonInp {
    width: 100% !important;
  }

  .poaVrOccupantName {
    width: 100% !important;
    display: flex;
  }

  .poaVrEmail {
    width: 100% !important;
  }

  .guests-number {
    margin-top: 50px !important;
    width: 100% !important;
  }

  .availableDays {
    margin-right: auto;
    margin-left: auto;
    max-width: 370px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-heading h2 {
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-heading h1 {
    text-align: center;
  }

  .poaVRGuestBtn {
    width: 114px !important;
    text-align: center;
  }

  .poaVRMemberBtn {
    width: 114px !important;
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area {
    /*width: 100% !important;*/
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area input {
    /*width: 100% !important;*/
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-evenly;
    flex-direction: row;
    text-align: center;
  }

  .confirm-booking-btn {
    width: 100% !important;
  }

  .cancel-booking-btn {
    width: 100% !important;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest {
    display: flex;
    width: 109%;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest ul {
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes {
    margin-bottom: -40px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-heading {
    margin-bottom: -25px;
  }

  .poaVrAutoComplt input {
    margin-top: -9px !important;
    margin-left: -2px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .new-ui .vacation-rental-wrapper .vacation-rental-heading h1 {
    font-size: 35px;
    margin-bottom: 40px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes .overview-box {
    margin-bottom: 30px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-notification .dropdown .dropdown-menu {
    margin-left: -140px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-notification .dropdown .dropdown-menu:after {
    left: 260px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail {
    padding: 24px 20px 24px 0;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .guests-number .btn {
    width: 100%;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes-data {
    padding: 30px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest {
    display: block;
    width: 100%;
    background-color: #EEEEEE;
    border: none;
    padding: 3px 0px 5px 0px !important;
  }

  .vrPropertyLegends {
    margin-top: 15px;
  }

  .legendStyle {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

  .styleClassProp1 {
    height: 5px !important;
  }

  .styleClassProp2 {
    height: 5px !important;
  }

  .styleClassProp3 {
    height: 5px !important;
  }

  .poaVrGuestDiv {
    margin-left: 0px !important;
    margin-top: -6px !important;
    width: 97% !important;
  }

  .poaVrNoOfPersonInp {
    width: 105% !important;
  }

  .poaVrOccupantName {
    width: 96%;
    display: flex;
  }

  .poaVrEmail {
    width: 96% !important;
  }

  .confirm-booking-btn {
    width: 92% !important;
  }

  .cancel-booking-btn {
    margin-top: 10px !important;
    width: 92% !important;
  }

  .guests-number {
    margin-top: 12px !important;
    margin-left: -20px;
    width: 92% !important;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .guests-number .btn {
    width: 100%;
  }

  .availableDays {
    margin-right: auto;
    margin-left: auto;
    max-width: 370px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-heading h2 {
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-heading h1 {
    text-align: center;
  }

  .poaVRGuestBtn {
    width: 114px !important;
    text-align: center;
  }

  .poaVRMemberBtn {
    width: 114px !important;
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area {
    width: 100% !important;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area input {
    /*width: 100% !important;*/
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-evenly;
    flex-direction: row;
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area {
    padding: 15px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .booking-checkbox {
    margin-top: 0;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area .confirm-booking-btn a {
    margin: 10px 0;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area.confirm-message-area .confirm-message img {
    display: block;
    text-align: center;
    margin: 8px auto 12px;
  }

  .poaVrEmailDiv {
    margin-bottom: -40px !important;
    margin-bottom: 20px !important;
    margin-left: 0px !important;
    width: 99% !important;
  }

  .confirm-cancel-btn {
    width: 100% !important;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest {
    display: flex;
    width: 96%;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest ul {
    text-align: center;
  }

  .checkin-date {
    width: 170%;
  }

  .checkout-date {
    width: 170%;
  }

  .poaVrAutoComplt input {
    margin-top: -9px !important;
    margin-left: -2px !important;
  }
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-notification .dropdown .dropdown-menu {
    margin-left: -140px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-notification .dropdown .dropdown-menu:after {
    left: 260px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-property-detail {
    padding: 24px 30px 24px 0;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-overview-boxes-data {
    padding: 30px;
  }

  .vrPropertyLegends {
    margin-top: 15px;
  }

  .legendStyle {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

  .styleClassProp1 {
    height: 5px !important;
  }

  .styleClassProp2 {
    height: 5px !important;
  }

  .styleClassProp3 {
    height: 5px !important;
  }

  .poaVrGuestDiv {
    margin-left: 0px !important;
    width: 96% !important;
  }

  .poaVrNoOfPersonInp {
    width: 100% !important;
  }

  .poaVrOccupantName {
    width: 96%;
    display: flex;
  }

  .poaVrEmail {
    width: 97 !important;
  }

  .guests-number {
    margin-top: 12px !important;
    margin-left: -20px;
    width: 92% !important;
  }

  .availableDays {
    margin-right: auto;
    margin-left: auto;
    max-width: 370px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-heading h2 {
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-heading h1 {
    text-align: center;
  }

  .poaVRGuestBtn {
    width: 114px !important;
    text-align: center;
  }

  .poaVRMemberBtn {
    width: 114px !important;
    text-align: center;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area {
    width: 100% !important;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-properties .rental-properties .rental-properties-confirm-booking-area input {
    /*width: 100% !important;*/
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-evenly;
    flex-direction: row;
    text-align: center;
  }

  .poaVrEmailDiv {
    margin-bottom: -40px !important;
    width: 99% !important;
  }

  .confirm-cancel-btn {
    width: 100% !important;
  }

  .cancel-booking-btn {
    margin-top: 0px !important;
    width: 80% !important;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest {
    display: flex;
    width: 96%;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest ul {
    text-align: center;
  }

  .checkin-date {
    width: 160%;
  }

  .checkout-date {
    width: 160%;
  }

  .poaVrAutoComplt input {
    margin-top: -9px !important;
    margin-left: -2px !important;
  }
}
@media screen and (min-width: 1px) and (max-width: 320px) {
  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification-guest .vacation-rental-data-btn-guest ul li a {
    padding: 9px 8px;
  }

  .new-ui .vacation-rental-wrapper .vacation-rental-data-area .vacation-rental-data-btn-notification .vacation-rental-data-btn ul li a {
    padding: 9px 6px;
  }
}
@media screen and (max-width: 320px) {
  .checkin-date {
    width: 180%;
  }

  .checkout-date {
    width: 180%;
  }
}
@media screen and (min-width: 320px) and (max-width: 393px) {
  .checkin-date {
    width: 181%;
  }

  .checkout-date {
    width: 181%;
  }
}
@media screen and (min-width: 394px) and (max-width: 423px) {
  .checkin-date {
    width: 183%;
  }

  .checkout-date {
    width: 183%;
  }
}
@media screen and (min-width: 424px) and (max-width: 767px) {
  .checkin-date {
    width: 185%;
  }

  .checkout-date {
    width: 185%;
  }

  .checkInCal {
    width: 5.5% !important;
  }

  .checkOutCal {
    width: 5.5% !important;
  }
}
.approvedAmountUnEditable {
  background-color: #798bad !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  border-radius: 7px !important;
  padding: 0px 6px !important;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr {
  border: 2px solid #ccc;
  display: block;
  border-radius: 5px;
  padding-top: 6px;
  padding-left: 20px;
  margin-bottom: 5px;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr td:nth-child(2) {
  width: 91%;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr td:nth-child(3) {
  padding-left: 0px;
  padding-bottom: 10px !important;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr td:nth-child(4) {
  padding-left: 0px;
  padding-bottom: 10px !important;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels table {
  width: 95.5%;
}

.save-info-btn {
  width: 50.6% !important;
}

.cp-method-select {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  display: inline-block !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.btn-cp-edit-mq {
  background-color: #798bad;
  border: 2px solid #798bad;
  border-radius: 4px;
  color: white !important;
}

.btn-cp-delete-mq {
  background-color: #798bad;
  border: 2px solid #798bad;
  border-radius: 4px;
  color: white !important;
}

.fa-edit {
  display: none;
}

.fa-trash-alt {
  display: none;
}

.cons-card-edit-text {
  font-size: 18px;
  font-weight: 700;
}

.active-card-type {
  border: 2px solid #f26122;
  border-radius: 5px;
  padding: 2px;
}

.aui .card-num-field {
  width: 90%;
}

.card-gap {
  margin-right: 10px;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr td:nth-child(3) {
  padding-left: 0% !important;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr td:nth-child(4) {
  padding-left: 0% !important;
}

body #cardCreateView .ui-selectonemenu {
  border: 0px solid #a6a6a6 !important;
  border: none;
  box-shadow: none;
  background: white !important;
  border-bottom: 1px solid #555 !important;
  display: inline-flex !important;
}

body #achCreateView .ui-selectonemenu {
  border: 0px solid #a6a6a6 !important;
  border: none;
  box-shadow: none;
  background: white !important;
  border-bottom: 1px solid #555 !important;
  display: inline-flex !important;
}

body #cardCreateView .ui-inputfield {
  padding: 6px 16px 2px 1px !important;
}

body #achCreateView .ui-inputfield {
  padding: 6px 16px 2px 1px !important;
}

body #achCreateView p {
  margin-bottom: 0rem !important;
}

.pref-selector {
  border: none;
  box-shadow: none;
  background: white !important;
  border-bottom: 1px solid #555 !important;
  display: inline-flex !important;
}

.pref-selector label {
  border: none;
  box-shadow: none;
  background: white !important;
  border-bottom: 1px solid #555;
}

.cards-list .ui-icon {
  width: 20px;
  height: 20px;
}

.cards-list .ui-radiobutton-icon {
  margin: 0;
}

.cards-list .ui-icon-bullet {
  background-position: -81px -146px;
}

.cards-list .ui-state-active,
.cards-list .ui-widget-content .ui-state-active,
.cards-list .ui-widget-header .ui-state-active {
  background: white;
}

.cards-list .ui-state-default,
.cards-list .ui-widget-content .ui-state-default,
.cards-list .ui-widget-header .ui-state-default {
  background: none;
}

.card-process-main .card-area-ui .payment-internal .card-front .status {
  top: 44px;
}

.current-amount-due-box {
  margin-left: -7% !important;
}

.current-amount-due-box-area {
  width: 148%;
}

.cc-view-label {
  font-size: 18px !important;
  font-weight: 550 !important;
  color: #666565 !important;
}

.cc-edit-label {
  font-size: 17px !important;
  font-weight: 550 !important;
  text-transform: uppercase;
}

.cc-view-value {
  font-size: 24px !important;
  font-weight: 800 !important;
}

.cc-edit-value {
  color: #000000 !important;
  font-size: 17px !important;
  font-weight: 550 !important;
  border-color: white !important;
  border-bottom-color: gray !important;
  border-width: 1.5px !important;
}

.cc-view-name {
  padding: 4px !important;
}

.footer-total .amount-due .current-area {
  background-color: #fff !important;
  padding: 16px !important;
}

.active-selected-card {
  border: 3px solid #8f9eba;
}

.btn-cp-cancel {
  background-color: white !important;
  background-image: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-right: 4px !important;
}

.btn-cp-make-payment {
  background-image: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.btn-cp-add-new-cc {
  background-image: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-right: 4px !important;
  text-decoration: none !important;
}

.card-process-main {
  font-family: "IBM Plex Sans", "arial";
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  width: 100%;
  margin: 0 auto;
}

.card-process-mainh1,
.card-process-mainh2,
.card-process-mainh3,
.card-process-mainh4,
.card-process-mainh5,
.card-process-mainh6 {
  color: inherit;
  font-family: "IBM Plex Sans", "arial";
  font-weight: normal;
  margin: 0 0 10px;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "CardPayment";
  src: url("../fonts/CardPayment.eot?qzk9a1");
  src: url("../fonts/CardPayment.eot?qzk9a1#iefix") format("embedded-opentype"), url("../fonts/CardPayment.ttf?qzk9a1") format("truetype"), url("../fonts/CardPayment.woff?qzk9a1") format("woff"), url("../fonts/CardPayment.svg?qzk9a1#CardPayment") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.card-process-main .padding-0 {
  padding: 0;
}

.card-process-main .card-area-ui {
  border: 2px solid #d1d1d1;
  margin: 0 auto;
  border-radius: 7px;
  padding: 12px;
}

.card-process-main .card-area-ui .btn.btn-primary {
  background-color: #798bad;
  border: 2px solid #798bad;
  border-radius: 4px;
}

.card-process-main .card-area-ui .payment-internal {
  border: 2px solid #d1d1d1;
  margin: 0 auto;
  border-radius: 7px;
  padding: 20px 20px 0px 20px;
  margin-bottom: 32px !important;
}

.card-process-main .card-area-ui .payment-internal .card {
  border: 0px solid #2a2a6c;
  background-color: #fff;
  border-radius: 8px;
  z-index: 5;
  position: relative;
  z-index: 1;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels {
  margin-bottom: 140px;
}

.card-process-main .card-area-ui .payment-internal .card label {
  font-size: 17px !important;
  font-weight: 550 !important;
  text-transform: uppercase;
}

.card-process-main .card-area-ui .payment-internal .card-front {
  border: 2px solid #2a2a6c;
  background-color: #fff;
  border-radius: 10px;
  z-index: 5;
  clear: both;
  padding: 5px 16px;
  box-shadow: 5px 5px 15px #0000001f;
}

.card-process-main .card-area-ui .payment-internal .card-front .col-md-2 {
  margin-bottom: 20px;
}

.card-process-main .card-area-ui .payment-internal .card-front .status {
  display: inline-block;
  background-color: #58dd71;
  color: #306c3b;
  text-transform: uppercase;
  padding: 3px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  position: absolute;
  right: 31px;
  top: 27px;
}

.card-process-main .card-area-ui .payment-internal .card-front p {
  font-size: 24px;
  font-weight: 700;
}

.card-process-main .card-area-ui .card-front img {
  width: 100%;
  height: auto;
}

.card-process-main .card-area-ui .payment-internal .card-front.master-card {
  border: 2px solid #f26122;
}

.card-process-main .card-area-ui .payment-internal .card-front.visa-card {
  border: 2px solid #2a2a6c;
}

.card-process-main .card-area-ui .payment-internal .card-front:before {
  width: 100%;
  background-color: #e4e8f0;
  border-radius: 10px;
  content: "";
  height: 93%;
  position: absolute;
  box-shadow: 3px 4px 20px #ccc;
  z-index: -1;
  left: -6px;
  top: 11px;
}

.card-process-main .card-area-ui .payment-internal .card-front:after {
  width: 100%;
  background-color: #e4e8f0;
  border-radius: 10px;
  content: "";
  height: 85%;
  position: absolute;
  box-shadow: 3px 4px 20px #ccc;
  z-index: -3;
  left: -13px;
  top: 23px;
}

.card-process-main .card-area-ui .payment-internal .card-front .field-set-name {
  padding-left: 20px;
}

.card-process-main .card-area-ui .payment-internal .card input,
.card-process-main .card-area-ui .payment-internal .card select {
  border: 0px;
  box-shadow: 0;
  outline: 0;
  box-shadow: inset 0 0 0 0;
  border-bottom: 2px solid #d1d1d1;
  border-radius: 0;
  font-size: 24px;
  font-weight: 600;
  color: #19202c;
  padding: 7px;
  padding-left: 0;
}

.card-process-main .card-area-ui .payment-internal .card select {
  padding: 0;
}

.card-process-main .card-area-ui .payment-internal .card input:focus {
  border: 0px;
  box-shadow: 0;
  outline: 0;
  box-shadow: inset 0 0 0 0;
  border-bottom: 2px solid #798bad;
  border-radius: 0;
  font-weight: 600;
  color: #000;
}

.card-process-main .card-area-ui .method-select {
  padding-top: 0px;
}

.method-select .options {
  margin-bottom: 25px;
}

.card-process-main .card-area-ui .method-select .options {
  background-color: #e4e8f0;
  display: inline-block;
  border-radius: 5px;
}

.card-process-main .card-area-ui .method-select .options a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: #798bad;
  text-decoration: none;
}

.card-process-main .card-area-ui .method-select .options a i.icon-credit-card {
  font-size: 16px;
}

.card-process-main .card-area-ui .method-select .options a i {
  margin-right: 10px;
}

.card-process-main .card-area-ui .method-select .options a.active {
  background-color: #798bad;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 12px #798bad57;
}

.card-process-main .card-area-ui .payment-internal .add-card label {
  font-size: 16px !important;
  display: block !important;
  width: 80%;
  border-radius: 5px;
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 10px;
  font-weight: 550 !important;
  color: #909fbb;
}

.card-process-main .card-area-ui .payment-internal .add-card input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.payment-internal .add-card .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #798bad;
  top: 50%;
  margin-top: -12px;
  left: 10px;
}

.add-card:hover input ~ .checkmark {
  background-color: #fff;
}

.add-card input:checked ~ .checkmark {
  background-color: #798bad;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.add-card input:checked ~ .checkmark:after {
  display: block;
}

.add-card .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.button-set .btn.btn-primary {
  padding: 10px 10px;
  font-size: 18px;
  font-weight: 700;
}

.button-set .btn.btn-primary.single {
  width: 80%;
}

.button-set .btn.btn.btn-cancel {
  padding: 10px 10px;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #db0e16;
  color: #db0e16;
  border-radius: 4px;
}

.btn.btn.btn-cancel i.icon-close {
  font-size: 13px;
  margin-right: 5px;
}

.button-set .btn.btn.btn-make-payment {
  padding: 9px 50px;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #16bc6f;
  background-color: #16bc6f;
  color: #fff;
}

.kpis-colored-borders {
  background-color: #e4e8f0;
  border-radius: 7px;
}

#kpiDialog .kpis-colored-borders {
  margin-bottom: 7px;
  padding-top: 2px;
  margin-top: 2px;
}

.footer-total .amount-due .current-area {
  background-color: #fff;
  padding: 15px;
  border-radius: 7px;
  border: 4px solid #798bad;
  display: inline-block;
  line-height: 23px;
  box-shadow: 0 3px 20px #798bad40;
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-top: 0px;
}

.footer-total .amount-due .current-area .footer {
  margin: 18px 0px 0px 14px !important;
}

.footer-total .amount-due .current-area span {
  display: block;
}

.footer-total .amount-due .current-area .current-amount span {
  font-size: 34px;
  font-weight: 700;
  padding-left: 70px;
  padding-top: 16px;
}

.footer-total .amount-due .kpis-amount-due-box .current-area {
  margin-left: -4% !important;
  margin-top: 1px !important;
  width: 100% !important;
}

.footer-total .amount-due .current-area .amount-date {
  padding-right: 22px !important;
}

.footer-total .amount-due .current-area .amount-date span:first-child {
  color: #19202c;
  font-size: 16px;
  font-weight: 500;
}

.footer-total .amount-due .current-area .amount-date span:last-child {
  color: #19202c;
  font-size: 22px;
  padding-top: 10px;
  font-weight: 700;
}

.footer-total .payment-amount {
  text-align: right;
  padding-left: 40px;
  padding-top: 0px;
}

.footer-total .payment-amount span {
  display: inline-block;
  line-height: 1.8;
}

.footer-total #approvedAmountDialog.payment-amount span {
  padding-right: 12px;
}

.footer-total .payment-amount span:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #19202c;
  margin-right: 0px !important;
}

.footer-total .payment-amount span:nth-child(2) {
  font-size: 32px;
  font-weight: 600;
  color: #19202c;
}

.footer-total .amount-due ul {
  list-style: none;
  padding: 0;
  margin: 0px 0px;
  padding-top: 1%;
  padding-bottom: 0px;
}

.footer-total.final-payment .payment-amount span:last-child {
  background-color: #798bad;
  color: #fff;
  font-weight: 700;
  font-size: 34px;
  border-radius: 7px;
  padding: 5px 15px;
}

.action-area.button-set .btn {
  padding: 10px 35px !important;
  border-radius: 4px;
}

.action-area.button-set .disclaimer {
  font-size: 17px !important;
  font-style: italic;
  padding-bottom: 20px;
  color: #555;
}

.footer-total .amount-due ul li {
  display: inline-block;
  padding: 8px 8px;
  line-height: 27px !important;
}

.footer-total .amount-due ul span {
  display: block;
}

.footer-total .amount-due ul span:first-child {
  font-size: 16px;
  font-weight: 600;
}

.footer-total .amount-due .ui-g-12 ul span:first-child {
  font-size: 15px;
  padding-right: 0px !important;
  font-weight: 600;
}

.footer-total .amount-due ul span:last-child {
  font-size: 22px;
  font-weight: 700;
}

.footer-total .amount-due .ui-g-12 ul span:last-child {
  font-size: 20px;
  font-weight: 700;
}

.footer-total #approvedAmount .payment-amount {
  width: 100%;
}

.footer-total .payment-amount span:last-child input {
  border: 4px solid #798bad !important;
  border-radius: 7px;
  font-size: 36px !important;
  font-weight: 600;
  width: 200px;
  padding: 12px;
  color: black !important;
}

.action-area {
  text-align: right;
  margin-top: 20px;
}

@media only screen and (max-width: 991px) {
  .card-process-main .card-area-ui .payment-internal .add-card .labels {
    margin-bottom: 20px;
  }

  .card-process-main .card-area-ui .payment-internal .button-set .btn.btn.btn-cancel,
.button-set .btn.btn-primary {
    width: 49.7%;
  }

  .card-process-main .card-area-ui .payment-internal .button-set {
    padding-bottom: 0px;
    display: flex;
  }

  .card-process-main .card-area-ui .payment-internal .add-card label {
    width: 100%;
  }

  .card-process-main .card-area-ui .payment-internal .card-front:after {
    left: -18px;
  }

  .card-process-main .card-area-ui .payment-internal .card-front:before {
    left: -8px;
  }

  .footer-total .amount-due .current-area {
    width: 100%;
  }

  .footer-total {
    padding: 0px;
  }

  .footer-total.final-payment .payment-amount span:last-child {
    margin-right: 45px;
  }
}
.card-process-main .card-area-ui .payment-internal .add-card label {
  width: 100%;
}

.card-process-main .card-area-ui .payment-internal .add-card .labels {
  margin-bottom: 30px;
}

.button-set {
  margin-bottom: 20px;
}

.button-set .btn {
  width: 44.5%;
}

.footer-total .amount-due .current-area .current-amount span {
  margin-left: 0px !important;
  padding-left: 0;
}

.footer-total .payment-amount {
  padding-left: 0;
  padding-top: 18px;
  display: flex;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
}

.footer-total #approvedAmountDialog .payment-amount {
  padding-left: 0;
  padding-top: 0;
  padding-right: 12px;
  display: flex;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: center;
}

.action-area.button-set .btn {
  width: initial;
}

.footer-total .payment-amount span:first-child {
  margin: 18px 0px;
  padding-right: 18px;
  text-align: initial;
}

.button-set .btn.btn.btn-make-payment {
  padding: 9px 22px;
}

.footer-total.final-payment .payment-amount span:last-child {
  font-size: 23px;
  margin-right: 15px;
}

.footer-total .amount-due .current-area .current-amount span {
  font-size: 34px;
  padding-left: 0px;
}

.card-process-main.property-selection .current-area {
  padding-left: 0px;
  padding-right: 0px;
}

.footer-total .amount-due ul {
  padding-left: 8px;
  padding-right: 0px;
}

.action-area.button-set .disclaimer {
  font-size: 16px;
}

.footer-total .amount-due ul li {
  padding-bottom: 0;
}

.card-process-main .card-area-ui .payment-internal .card-front .field-set-name {
  padding-left: 0;
}

.card-process-main .card-area-ui .payment-internal .card input,
.card-process-main .card-area-ui .payment-internal .card select {
  font-size: 18px;
  font-weight: 400;
}

.card-process-main .card-area-ui .payment-internal .card-front p {
  font-size: 16px;
  font-weight: 700;
}

.button-set .btn.btn-primary.single {
  width: 95.5%;
}

.card-process-main .card-area-ui .payment-internal .card-front .field-set-name {
  padding-left: 0 !important;
}

@media only screen and (max-width: 769px) {
  img {
    width: auto;
  }
}
@media only screen and (max-width: 736px) {
  #makePaymentDiv .fas {
    line-height: 1.5 !important;
  }

  #kpiHeader .col-md-8 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .footer-total .amount-due .current-area .amount-date {
    padding-right: 14PX !important;
  }

  .footer-total #approvedAmountDialog .payment-amount {
    padding-left: 6px;
    padding-top: 0;
    padding-right: 0px;
    display: inline-block;
  }

  .btn-cp-delete-mq {
    padding: 3px 11px !important;
    background-color: #da1414;
    border: 2px solid #da1414;
  }

  #kpiDialog .kpis-colored-borders {
    margin-bottom: 0;
  }

  .card-process-main .card-area-ui {
    padding: 5px;
  }

  .card-process-main .card-area-ui .payment-internal {
    padding: 5px;
  }

  .card-process-main .card-area-ui .payment-internal .button-set .btn.btn.btn-cancel,
.button-set .btn.btn-primary {
    width: 48.5%;
    padding: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .card-process-main .card-area-ui .payment-internal .card .field-set-name input,
.card-process-main .card-area-ui .payment-internal .card select {
    width: 100%;
    font-size: 14px;
  }

  .card-process-main .card-area-ui .payment-internal .card input,
.card-process-main .card-area-ui .payment-internal .card select {
    font-size: 14px;
    padding: 6px;
    width: 100%;
  }

  .card-process-main .card-area-ui .payment-internal .card label {
    font-size: 16px;
  }

  .card-process-main .card-area-ui .payment-internal .card-front:after {
    left: -5px;
  }

  .card-process-main .card-area-ui .payment-internal .card-front:before {
    left: -3px;
  }

  .footer-total.final-payment .amount-due {
    text-align: center;
  }

  .footer-total.final-payment .payment-amount {
    text-align: center;
  }

  .footer-total.final-payment .payment-amount {
    text-align: center;
  }

  .footer-total.final-payment .pull-left,
.footer-total.final-payment .pull-right {
    float: none !important;
  }

  .footer-total.final-payment ul li {
    display: block;
  }

  .footer-total.final-payment ul {
    margin: 0;
    padding: 0;
  }

  .footer-total.final-payment .payment-amount span:first-child {
    margin-right: 0;
  }

  .button-set {
    text-align: center !important;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .button-set .btn {
    font-size: 16px !important;
    padding: 12px !important;
    width: 49%;
  }

  .btn.btn-primary.single {
    display: block !important;
    width: 100% !important;
  }

  .card-process-main .card-area-ui .payment-internal .card-front .field-set-name {
    padding-left: 0;
    margin-top: 20px !important;
  }

  .footer-total .payment-amount span:first-child {
    margin-right: 0;
  }

  .footer-total .amount-due .current-area {
    padding: 10px !important;
    margin-left: 0;
  }

  .cc-display-main {
    display: none !important;
  }

  .ach-display-main {
    display: none !important;
  }

  .footer-total .amount-due .current-area span {
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 !important;
    margin: 0;
    padding-bottom: 5px !important;
  }

  .footer-total .payment-amount {
    margin: 0;
    padding: 7px;
    display: flex;
  }

  .footer-total.final-payment .payment-amount span:last-child {
    margin-right: 0;
    display: block;
    width: 64%;
    margin: 0 auto;
  }

  .card-process-main.property-selection .card-area-ui .form-group {
    display: block;
    padding-left: 0 !important;
    width: 100%;
  }

  .card-process-main.property-selection .card-area-ui .form-group:first-child {
    display: block;
  }

  .card-process-main.property-selection .card-area-ui .form-group select,
.card-process-main.property-selection .card-area-ui .form-group input {
    width: 100%;
  }

  .footer-total .amount-due .current-area .amount-date span:first-child {
    color: #19202c;
    font-size: 16px;
    font-weight: 500;
  }

  .footer-total .amount-due .current-area .amount-date span:last-child {
    color: #19202c;
    font-size: 20px;
    font-weight: 600;
  }

  .footer-total .amount-due .current-area .current-amount span {
    font-size: 26px;
    margin-left: 0 !important;
    margin-top: 14%;
  }

  .footer-total {
    padding-right: 0px !important;
  }

  .footer-total .amount-due ul {
    margin: 0;
    padding: 0;
  }

  .footer-total .amount-due ul li {
    padding-bottom: 0;
    display: flex;
  }

  .footer-total .amount-due ul span:first-child {
    font-size: 17px;
    font-weight: 500;
  }

  .footer-total .amount-due ul span:last-child {
    font-size: 17px;
    font-weight: 550;
  }

  .footer-total {
    margin-top: 0px;
  }

  .btn.btn-detail {
    display: block;
    width: 100%;
  }

  .footer-total .amount-due .current-area .amount-date span {
    text-align: left !important;
    padding-bottom: 4px !important;
  }

  .btn.btn.btn-cancel i.icon-close {
    font-size: 10px;
    margin-right: 5px;
  }

  .action-area.button-set .disclaimer {
    font-size: 14px !important;
    margin-top: 10px;
    min-height: 0px !important;
    padding-bottom: 5px;
  }

  .card-process-main .card-area-ui .payment-internal .card label {
    font-size: 16px;
  }

  .footer-total .payment-amount span:last-child {
    display: inherit;
  }

  .btn-cp-edit-mq {
    padding: 3px 8px !important;
  }

  .fa-edit {
    display: inline-block;
  }

  .fa-trash-alt {
    display: inline-block;
  }

  .cons-card-edit-text {
    display: none;
  }

  .card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr {
    padding-left: 5px;
  }

  .card-process-main .card-area-ui .payment-internal .add-card .labels table {
    width: 100%;
  }

  .card-process-main .card-area-ui .payment-internal {
    margin-bottom: 10px !important;
  }

  .current-footer-area-mq {
    margin-left: 0 !important;
  }

  .action-area.button-set .btn {
    padding: 12px 28px !important;
    border-radius: 4px;
  }

  .button-set .btn.btn.btn-cancel {
    display: inline;
  }

  .save-info-btn {
    display: inline-grid !important;
    padding: 12px 30px !important;
    width: 67.6% !important;
    margin-top: 0px !important;
  }

  .card-selection-mq {
    display: inline-flex;
  }

  .card-process-main .card-area-ui .payment-internal .card-front {
    padding: 6px 10px !important;
  }

  .active-card-type {
    border: 2px solid #f26122;
    border-radius: 5px;
    padding: 0px 0px;
  }

  .display-inline-mq {
    display: inline-flex;
  }

  .footer-total .payment-amount span {
    display: inline;
  }

  .footer-total .payment-amount span:last-child input {
    border: 4px solid #798bad;
    border-radius: 7px;
    font-size: 22px !important;
    font-weight: 550;
    width: 102px !important;
    padding: 3px !important;
    color: black !important;
  }

  .payable-amount-div {
    display: grid !important;
    padding: 2% 0% !important;
    margin-left: 2% !important;
  }

  .payable-amount-val {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-left: 20%;
    text-align: end;
  }

  .footer-total .payment-amount span:first-child {
    margin: 0px 0px;
    font-size: 16px;
    text-align: left;
  }

  .cards-list-display-mq {
    min-height: auto !important;
  }

  .card-process-main .card-area-ui .payment-internal .add-card .labels {
    margin-bottom: 0px !important;
    height: 167px;
  }

  .card-process-main .card-area-ui .payment-internal .add-card label {
    padding-top: 4px !important;
    padding-left: 0;
    padding-bottom: 8px !important;
  }

  .ui-radiobutton {
    margin: 0px 0 !important;
    width: 14px;
  }

  .amount-due-box-sm {
    padding: 8px 2px !important;
  }

  .card-process-main .card-area-ui .payment-internal .card {
    margin-top: -22px;
    margin-bottom: 12px;
  }

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

  .approvedAmountUnEditable {
    font-size: 26px !important;
  }

  .editable-amount-mq {
    margin-left: 55%;
  }

  .editable-amount-dollar-mq {
    font-size: 18px !important;
    font-weight: 700;
    margin-left: 10px;
    line-height: 2.4;
  }

  .editable-amount-text-label {
    margin-top: 6px !important;
  }

  .payable-amount-div {
    display: grid !important;
    padding: 0 0 2% 0 !important;
    margin-left: 2% !important;
  }

  .footer-total .payment-amount {
    margin: 0;
    padding: 0px 1%;
    display: flex;
    padding-top: 0 !important;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
  }

  .payment-amount-flex {
    margin: 0;
    padding: 0 1% 0% 3% !important;
    display: flex;
    padding-top: 0px !important;
    justify-content: space-between !important;
    align-items: baseline !important;
  }

  .poa-cons-kpis-flex-container {
    display: block;
    padding: 0px 0px 20px !important;
  }

  .poa-cons-approved-flex-container {
    margin-bottom: 0%;
  }

  .poa-cons-kpis-flex-container ul li {
    justify-content: space-between;
  }

  #card-type-panel .ui-grid-col-2 {
    padding-top: 1px !important;
  }

  #ach-type-panel .ui-grid-col-2 img {
    margin: 1px !important;
    padding: 0 1px !important;
  }

  .footer-total .payment-amount {
    margin: 0;
    padding: 10px;
    display: flex;
  }

  .card-process-main #savInfoBtnDiv {
    margin-top: 12px !important;
  }

  .card-process-main #saveAchInfoBtnDiv {
    margin-top: 12px !important;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  .card-process-main.property-selection .card-area-ui .btn.btn-detail {
    margin-bottom: 20px;
  }

  .card-process-main .card-area-ui .payment-internal .card-front .col-md-2 {
    width: 26% !important;
  }
}
@media (max-width: 1199px) and (min-width: 980px) {
  .card-process-main .card-area-ui .payment-internal .card-front .col-md-2 {
    width: 26% !important;
  }
}
@media (max-width: 567px) and (min-width: 200px) {
  .footer-total .amount-due .current-area .current-amount span {
    margin-left: 0 !important;
  }

  .footer-total .payment-amount span:nth-child(2) {
    font-size: 28px;
    font-weight: 700;
  }

  .editable-amount-mq {
    margin-left: 1% !important;
  }

  .editable-amount-dollar-mq {
    font-size: 22px !important;
    font-weight: 700 !important;
  }

  .footer-total .payment-amount {
    margin-top: 0px;
    padding-right: 0px !important;
  }

  .footer-total #approvedAmount .payment-amount {
    padding-right: 8px !important;
  }

  .card-process-main .card-area-ui .payment-internal .card-front .col-md-2 {
    width: 40%;
  }

  .card-process-main .card-area-ui .payment-internal .card-front .field-set-name {
    margin-top: 0 !important;
  }

  .action-area.button-set .btn {
    display: block;
    padding: 12px;
    margin-top: 0px;
  }

  .card-process-main .card-area-ui .btn.btn-primary,
.card-process-main .card-area-ui .payment-internal .button-set .btn.btn.btn-cancel,
.button-set .btn.btn-primary {
    padding: 12px !important;
  }

  .button-set .btn.btn.btn-make-payment {
    padding: 12px 34px !important;
    margin-top: 0px;
  }

  .btn-cp-edit-mq {
    padding: 3px 8px !important;
  }
}
.card-process-main.property-selection .card-area-ui .form-group {
  padding-left: 20px;
}

.card-process-main.property-selection .card-area-ui .form-group:first-child {
  padding-left: 0;
}

.card-process-main.property-selection .card-area-ui .form-group select,
.card-process-main.property-selection .card-area-ui .form-group input {
  display: block;
  padding: 7px;
  border: 1px solid #d1d1d1;
  border-radius: 7px;
  min-width: 200px;
}

.card-process-main.property-selection .card-area-ui .btn.btn-detail {
  color: #fff;
  background-color: #798bad;
  padding: 6px 40px;
  font-size: 18px;
  font-weight: 600;
}

.card-process-main.property-selection .card-area-ui .form-group input {
  outline: none;
}

.card-process-main.property-selection .card-area-ui .form-group.calender {
  position: relative;
}

.card-process-main.property-selection .card-area-ui .form-group.calender:after {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 35px;
  right: 0;
  font-family: "CardPayment";
}

.card-process-main.property-selection .current-area {
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-process-main.property-selection .current-area .amount-date span {
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .card-process-main .card-area-ui .card-front img {
    height: auto !important;
    width: auto !important;
    margin-bottom: 10px;
  }

  .card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr {
    width: 100%;
  }

  .card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr td:nth-child(3) {
    padding-left: 0;
  }

  .card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr td:nth-child(4) {
    padding-left: 0;
  }

  #card-type-panel .ui-grid-col-2 {
    width: 50% !important;
    margin: 0 !important;
    padding-top: 8px;
  }

  #card-type-panel .ui-grid-col-2 img {
    margin: 1px !important;
    padding: 0px 1px !important;
  }

  #ach-type-panel .ui-grid-col-2 {
    width: 65% !important;
    margin: 0 !important;
  }

  #ach-type-panel .ui-grid-col-2 img {
    margin: 5px !important;
  }

  .cc-view-label {
    font-size: 13px !important;
    font-weight: normal !important;
  }

  .cc-view-value {
    font-size: 16px !important;
    font-weight: 750 !important;
  }

  .cc-view-name {
    padding: 0px !important;
  }
}
@media (max-width: 450px) and (min-width: 400px) {
  .cards-scroller {
    width: auto !important;
  }

  .card-process-main .card-area-ui .payment-internal .add-card .labels table tbody tr {
    width: 100%;
  }

  .button-set .btn.btn.btn-make-payment {
    padding: 12px 54px !important;
    margin-top: 0;
  }

  .footer-total .payment-amount span:last-child input {
    margin-left: 16%;
  }

  .footer-total .payment-amount span:first-child {
    margin: 0;
    font-size: 18px;
  }

  .footer-total .payment-amount {
    margin: 0;
    padding: 10px;
    display: flex;
  }

  .approvedAmountUnEditable {
    padding: 0px 12px !important;
    font-size: 26px !important;
  }
}
@media (max-width: 736px) and (min-width: 550px) {
  .button-set .btn.btn.btn-make-payment {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .button-set .btn.btn.btn-cancel {
    justify-content: center;
    align-items: center;
    margin-top: 0px !important;
  }

  .footer-total .payment-amount span:nth-child(2) {
    font-size: 32px;
    font-weight: 600;
    color: #19202c;
    margin-left: 280px;
  }

  .payable-amount-val {
    margin-left: 56%;
    padding: 0 0 0% 0 !important;
  }

  .poa-cons-kpis-flex-container {
    padding: 0 0 10px !important;
  }

  .editable-amount-dollar-mq {
    font-size: 22px !important;
    font-weight: 700 !important;
  }

  #card-type-panel .ui-grid-col-2 {
    padding-top: 1px !important;
  }

  #ach-type-panel .ui-grid-col-2 img {
    margin: 1px !important;
    padding: 0 1px !important;
  }

  .footer-total .payment-amount span:last-child input {
    margin-left: 3%;
  }
}
.mud-na-toggle-inactive .img-center {
  margin-top: 20px;
}

.mud-mobile-cont .mud-na-toggle-inactive .img-center {
  margin-top: 0px;
}

.mud-file-uploaded .conc-set-img-size {
  margin-top: 30px !important;
}

.mud-mobile-cont .vaccination-status-container {
  margin-top: 10px !important;
}

.mud-status-vaccinated .conc-set-img-size {
  margin-top: 20px !important;
}

.mud-upload-field .ui-messages-error {
  max-width: 222px;
}

.mud-upload-field .ui-messages-error-detail {
  overflow: hidden !important;
  display: block !important;
  text-overflow: ellipsis !important;
}

.mud-container .mud-info-label {
  font-size: 16px !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}

.mud-autocomplete input {
  width: 100% !important;
}

.mud-container .mud-remove-img-btn .ui-button-text {
  padding: 4px 0px 5px 11px;
}

.img-center {
  display: block;
  text-align: center;
}

.mud-container .mud-dependent-row .ui-widget-content .vaccination-status {
  background: #cdcdc9 !important;
}

.vaccination-status {
  margin-top: 8px;
  background-color: #3681F5 !important;
  border: 3px solid white !important;
  width: 60px !important;
  height: 28px !important;
}

.mud-container .vaccination-status .ui-state-default {
  width: 28px !important;
}

.mud-container .ui-fileupload-content {
  padding: 0px !important;
}

.checkbox-label {
  margin: 6px 0 0 10px;
}

.member-upload-back-button {
  color: white !important;
  background-color: #3681f5 !important;
  background-image: linear-gradient(to bottom, #3681f5, #3681f5) !important;
  background-repeat: repeat-x;
}

.mud-container .mud-label {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.mud-container .mud-first-row {
  margin-bottom: 20px;
  border: 2px solid lightgray;
  border-radius: 5px;
}

.mud-container .mud-first-row div {
  background: whitesmoke !important;
}

.mud-container .mud-first-row > div {
  padding: 10px 20px;
}

.mud-container .mud-dependent-row {
  margin: 10px;
  border: 2px solid lightgray;
  border-radius: 5px;
  width: 30%;
  display: inline-block;
}

.mud-container .mud-dependent-row > div {
  padding: 10px 20px;
}

.mud-avatar .mud-avatar-preview div {
  width: 100%;
  max-width: 90px;
  height: 90px;
  border-radius: 100px;
  background-repeat: no-repeat !important;
  vertical-align: top;
  background-position: 100% 80% !important;
  background-size: cover !important;
}

.dependent-add-button .add-member-cont a.ers-add-more-guest-btn {
  display: block !important;
  width: 100% !important;
  background: #fff !important;
  border: 2px dashed #000;
  padding: 25px !important;
  margin-top: 30px;
}

.mud-container .mud-upload-field .ui-fileupload-buttonbar .ui-button {
  padding: 3px;
  border: 2px solid #8d9192;
  background: transparent !important;
}

.mud-container .ui-fileupload-buttonbar {
  border: none;
  padding: 0px;
}

.mud-container .mud-upload-field .ui-icon.ui-icon-plusthick {
  background-image: none !important;
  display: none !important;
}

.mud-container .mud-upload-field .ui-button-text {
  display: initial;
  background-image: url(../images/upload-icon.png) !important;
  background-repeat: no-repeat;
  background-position: 5px;
}

.mud-container .mud-uploaded-file-name {
  word-break: break-all;
}

.dependents-table {
  flex-direction: row;
  flex-wrap: wrap;
}

.mud-container .mud-dependent-row {
  display: inline-flex;
  vertical-align: top;
  background: #F8F8F8 !important;
  width: 20%;
  border-width: 1px;
  border-color: #eaeaea !important;
}

.mud-dependent-row:empty {
  display: none !important;
}

.mud-container .mud-dependent-row .ui-widget-content {
  background: #F8F8F8 !important;
}

.mud-container .mud-dependent-row .dependent-button {
  background: #e2f6fa;
  border: none !important;
  border-radius: 5px !important;
  padding: 27px 30px;
}

.mud-container .mud-dependent-row div {
  flex: 2 0 58%;
}

.dependents-table .mud-dependent-button {
  display: inline-flex;
  vertical-align: top;
  background-color: #F8F8F8 !important;
}

.mud-container .mud-dependent-row .add-member-cont a.ers-add-more-guest-btn .ers-add-more-guest-icon {
  padding: 0;
  margin: 0 !important;
}

.mud-container .mud-dependent-row .add-member-cont a.ers-add-more-guest-btn {
  display: block;
  width: 100%;
  background: #fff !important;
  border-radius: 100%;
  max-width: 70px;
  margin: 0 auto !important;
  padding: 25px !important;
  border: none !important;
  line-height: normal;
  text-align: center;
  color: blue;
  height: 100%;
  box-shadow: 2px 2px 8px #ccc;
}

.mud-container .mud-dependent-row .ers-add-more-guest-txt {
  color: #003ce5;
  text-align: center;
  vertical-align: bottom;
  margin: 50px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}

.mud-dependent-row .mud-avatar .mud-avatar-preview {
  display: flex;
}

.mp-vacc-status {
  margin: 6px 0 0 10px;
  width: 40px;
  height: 40px !important;
  vertical-align: top !important;
}

.mud-dependent-row .mud-avatar .mud-avatar-preview label {
  margin: 15px 0 0 10px;
  font-weight: bold;
}

.mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose {
  background: #3681F5 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #fff !important;
  border-radius: 5px;
  padding: 15px;
  line-height: normal;
}

.mud-dependent-row img.conc-set-img-size {
  height: 200px;
  width: 200px;
  max-height: 186px;
  padding: 0 0 9px 0;
}

.mud-remove-img-btn {
  background: #f7d0d5 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #f5364c !important;
  border-radius: 5px;
  padding: 9px;
  line-height: normal !important;
  display: block;
  margin: 2px auto;
  text-align: center;
  background-image: url(../images/cross-icon.png) !important;
  background-repeat: no-repeat !important;
  background-size: 17px !important;
  background-position-y: 12px !important;
}

.mud-desktop-cont .mud-remove-img-btn {
  background-position: 70px !important;
}

.mud-mobile-cont .mud-remove-img-btn {
  background-position: 17px !important;
}

.mud-remove-img-btn i.fa.fa-close {
  vertical-align: top;
  display: inline-block;
  padding: 3px 8px 0 0px;
}

.mud-avatar .mud-avatar-preview div {
  max-width: 52px;
  height: 52px;
}

.mud-second-row {
  display: flow-root;
  vertical-align: top;
  background-color: #f8f8f8 !important;
  border: none;
  width: 86%;
  padding: 11px 22px 12px 11px;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #e2dede !important;
  border-width: 1px !important;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  max-width: 100%;
  position: sticky;
  z-index: 100;
  background: white;
  border-top: 2px solid #071f36;
}

.dep-submit-btn {
  width: 25% !important;
  float: right !important;
}

.mud-submit-button {
  background: #D0E0F7 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #3681F5 !important;
  border-radius: 5px;
  padding: 10px !important;
  font-weight: bold !important;
}

.acknowledged {
  padding: 11px 22px 12px 11px;
}

label.notApplicable-label {
  display: inline-block !important;
  vertical-align: super !important;
  margin-bottom: 0px !important;
  line-height: normal !important;
  padding: 0 0 0 10px;
  font-weight: bold !important;
}

.mud-container .mud-dependent-row .vaccination-status .ui-inputswitch-handle {
  background-color: white !important;
}

.mud-container .mud-dependent-row .vaccination-status .ui-inputswitch-on.ui-state-active {
  background-color: #3681F5 !important;
  height: 30px;
}

.mud-container .ui-fileupload .ui-fileupload-buttonbar {
  border: none !important;
  background-color: none !important;
  padding: 0px !important;
}

.mud-container .mud-dependent-row .vaccination-status .ui-inputswitch-off {
  height: 24px;
  display: none;
}

.mud-container .mud-dependent-row .vaccination-status .ui-inputswitch-on.ui-state-active span {
  display: none;
}

.mud-auto-comp-cont {
  width: 31%;
}

.mud-remove-member-btn {
  position: absolute;
  left: 29%;
  margin-top: 6px;
}

.mud-remove-member-btn .mud-remove-icon {
  color: red;
  font-size: 17px;
}

.mud-auto-comp-panel {
  max-height: 160px !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .mud-upload-field .ui-messages-error {
    max-width: 245px !important;
  }

  .mud-auto-comp-cont {
    width: 100% !important;
  }

  .mud-remove-member-btn {
    left: 93% !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .mud-container .mud-field {
    min-width: 100%;
  }

  .mud-container .mud-upload-field .ui-fileupload-buttonbar .ui-button {
    padding: 7px !important;
  }

  .mud-auto-comp-cont {
    width: 100% !important;
  }

  .mud-remove-member-btn {
    left: 92% !important;
    margin-top: 7px !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 290px !important;
  }

  .mud-remove-member-btn {
    left: 90%;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .mud-upload-field .ui-messages-error {
    max-width: 290px !important;
  }

  .mud-auto-comp-cont {
    width: 100% !important;
  }

  .mud-remove-member-btn {
    left: 90%;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .mud-upload-field .ui-messages-error {
    max-width: 290px !important;
  }

  .mud-auto-comp-cont {
    width: 100% !important;
  }

  .mud-remove-member-btn {
    left: 90%;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  .mud-upload-field .ui-messages-error {
    max-width: 330px !important;
  }

  .mud-auto-comp-cont {
    width: 100% !important;
  }

  .mud-remove-member-btn {
    left: 90%;
  }
}
@media screen and (min-width: 220px) and (max-width: 767px) and (orientation: portrait) {
  .mud-container .mud-dependent-row {
    width: 100% !important;
    border-width: 1px;
    margin: 0 0 10px 0;
  }

  .mp-vacc-status {
    margin: 0px 5px 5px 10px;
    width: 40px;
    height: 40px !important;
    vertical-align: top !important;
  }

  .mud-dependent-row .mud-avatar .mud-avatar-preview label {
    margin: 10px 0 0 10px;
    font-weight: bold;
  }

  .mud-container .mud-dependent-row .ers-add-more-guest-txt {
    margin: 21px 10px 9px -7px;
    color: #003ce5;
    width: 110% !important;
  }

  .mud-container .mud-dependent-row .ers-add-more-guest-txt .ers-add-more-guest-btn {
    font-size: 17px !important;
    font-weight: bold;
  }

  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose {
    padding: 11px !important;
    width: 16%;
    height: 88%;
    float: right;
  }

  .mud-remove-img-btn {
    padding: 14px !important;
    line-height: normal !important;
    margin: 2px auto !important;
    width: 16% !important;
    background-position: 15px !important;
    background-size: 18px !important;
    background-position-y: 9px !important;
    float: right;
  }

  .mud-container .mud-dependent-row .add-member-cont a.ers-add-more-guest-btn {
    width: 120% !important;
  }

  .mud-container .mud-upload-field .ui-button-text {
    background-position: 4px 1px;
  }

  .mud-dependent-row img.conc-set-img-size {
    max-width: 239px;
    height: 100%;
    width: 100%;
    margin: 0 0 0 0px;
  }

  .mud-acknowledge {
    padding: 3px;
  }

  .vaccination-status {
    background-color: #3681F5 !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-auto-comp-cont {
    width: 100% !important;
  }

  .mud-remove-member-btn {
    left: 94% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .mud-container .mud-dependent-row {
    width: 47% !important;
    border-width: 1px;
    margin: 0px 5px 10px 10px;
  }

  .mud-container .mud-dependent-row .ers-add-more-guest-txt {
    margin: 31px 10px 9px -20px;
    color: #003ce5;
    width: 110% !important;
  }

  .mud-container .mud-dependent-row .ers-add-more-guest-txt .ers-add-more-guest-btn {
    font-size: 17px !important;
    font-weight: bold;
  }

  .mud-container .mud-dependent-row .add-member-cont a.ers-add-more-guest-btn {
    width: 120% !important;
  }

  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose {
    width: 20%;
    height: 50px;
    float: right;
  }

  .mud-container .mud-upload-field .ui-button-text {
    background-position: 0px;
  }

  .mud-dependent-row img.conc-set-img-size {
    max-width: 239px;
    height: 100%;
    width: 100%;
  }

  .mud-remove-img-btn {
    padding: 28px 2px 3px 8px !important;
    width: 20% !important;
    height: 50px;
    float: right;
    margin: 0 0 10px 0;
  }

  .mud-acknowledge {
    padding: 3px;
  }

  .vaccination-status {
    margin-top: 8px;
    border: 3px solid white !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-auto-comp-cont {
    width: 49% !important;
  }

  .mud-remove-member-btn {
    left: 45% !important;
    margin-top: 7px !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 285px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 300px !important;
  }

  .mud-submit-button {
    width: 20% !important;
    float: right !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose,
.mud-remove-img-btn {
    padding: 11px !important;
    width: 16% !important;
    height: 40px !important;
    margin-left: 5px !important;
    float: right !important;
  }

  .mud-container .mud-dependent-row {
    width: 48% !important;
    margin: 4px !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 230px !important;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose,
.mud-remove-img-btn {
    padding: 11px !important;
    width: 16% !important;
    height: 40px !important;
    margin-left: 5px !important;
    float: right !important;
  }

  .mud-container .mud-dependent-row {
    width: 48% !important;
    margin: 4px !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 300px !important;
  }

  .mud-submit-button {
    width: 20% !important;
    float: right !important;
  }
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose,
.mud-remove-img-btn {
    padding: 11px !important;
    width: 16% !important;
    height: 40px !important;
    margin-left: 5px !important;
    float: right !important;
  }

  .mud-container .mud-dependent-row {
    width: 48% !important;
    margin: 4px !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 230px !important;
  }

  .mud-auto-comp-cont {
    width: 49% !important;
    margin-bottom: 10px !important;
  }

  .mud-remove-member-btn {
    left: 45% !important;
    margin-top: 7px !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose,
.mud-remove-img-btn {
    padding: 11px !important;
    width: 16% !important;
    height: 40px !important;
    margin-left: 5px !important;
    float: right !important;
  }

  .mud-container .mud-dependent-row {
    width: 48% !important;
    margin: 4px !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 300px !important;
  }

  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-submit-button {
    width: 20% !important;
    float: right !important;
  }

  .mud-auto-comp-cont {
    width: 49% !important;
    margin-bottom: 10px !important;
  }

  .mud-remove-member-btn {
    left: 46% !important;
    margin-top: 7px !important;
  }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose,
.mud-remove-img-btn {
    padding: 14px !important;
    width: 16% !important;
    height: 40px !important;
    margin-left: 5px !important;
    float: right !important;
  }

  .mud-container .mud-dependent-row {
    width: 48% !important;
    margin: 4px !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 400px !important;
  }

  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-submit-button {
    width: 20% !important;
    float: right !important;
  }

  .mud-auto-comp-cont {
    width: 49% !important;
    margin-bottom: 10px !important;
  }

  .mud-remove-member-btn {
    left: 46% !important;
    margin-top: 7px !important;
  }
}
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .mud-container .mud-dependent-row .mud-upload-field .ui-fileupload-choose,
.mud-remove-img-btn {
    padding: 11px !important;
    width: 16% !important;
    height: 40px !important;
    margin-left: 5px !important;
    float: right !important;
  }

  .mud-container .mud-dependent-row {
    width: 32% !important;
    margin: 4px !important;
  }

  .mud-second-row {
    width: 100% !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 350px !important;
  }

  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-submit-button {
    width: 20% !important;
    float: right !important;
  }

  .mud-auto-comp-cont {
    width: 32% !important;
    margin-bottom: 10px !important;
  }

  .mud-remove-member-btn {
    left: 30% !important;
    margin-top: 7px !important;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .mud-auto-comp-cont {
    width: 100% !important;
  }

  .mud-upload-field .ui-messages-error {
    max-width: 370px !important;
  }

  .mud-container .mud-dependent-row > div {
    padding: 5px 10px !important;
  }

  .mud-submit-button {
    width: 20% !important;
    float: right !important;
  }

  .mud-auto-comp-cont {
    width: 48% !important;
    margin-bottom: 10px !important;
  }

  .mud-remove-member-btn {
    left: 45% !important;
    margin-top: 7px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .mud-container .ui-fluid .ui-fileupload .ui-button {
    width: 100% !important;
  }
}
@media only screen and (max-width: 600px) {
  .mud-container .ui-fileupload-choose .ui-button-text {
    padding: 10px !important;
  }
}
@media screen and (max-width: 1025px) {
  .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;
  }
}
#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;
}

#blue-yellow-cssmenu ul {
  z-index: 9;
}

@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;
}

span.classic-mob-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-shadow: 1px 1px 0 #c0c0c0 !important;
  text-transform: uppercase;
}

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

span.classic-mob-heading {
  color: black !important;
}

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

span.classic-mob-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.classic-mob-parent-a {
  background-color: #938c6f;
}

span.classic-mob-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;
}

@media screen and (max-width: 991px) {
  .smartphone-nav-div {
    display: block;
  }

  .desktop-nav-div {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .smartphone-nav-div {
    display: none;
  }

  .desktop-nav-div {
    display: block;
  }
}
#desktop-simple-nav ul li {
  display: block;
  position: relative;
  float: left;
}

#desktop-simple-nav li ul {
  display: none;
}

#desktop-simple-nav ul li a {
  display: block;
}

#desktop-simple-nav li:hover > ul {
  display: block;
  position: absolute;
  z-index: 99999;
}

#desktop-simple-nav li:hover li {
  float: none;
}

#desktop-simple-nav .desktop-nav-ul li ul li {
  border-top: 0;
}

#desktop-simple-nav ul ul ul {
  left: 100%;
  top: 0;
}

#desktop-simple-nav ul:before,
#desktop-simple-nav ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

#desktop-simple-nav ul:after {
  clear: both;
}

ul.desktop-nav-ul {
  list-style: none;
}

li.desktop-nav-parent {
  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;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font: 62.5%/1.6em Arial, Helvetica, Verdana, sans-serif;
  background-color: #08422f !important;
  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;
  vertical-align: middle;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 1.5em;
  list-style: none;
  white-space: nowrap;
  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;
  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;
  white-space: nowrap;
  min-width: 180px !important;
}

.li.desktop-nav-children-level2-li, .li.desktop-nav-children-level3-li, .li.desktop-nav-children-level4-li {
  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;
  white-space: nowrap;
  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;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

ul.simple-dropdown-menu.desktop-nav-children-level3 {
  background-color: #08422f !important;
  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;
  white-space: nowrap;
  min-width: 180px !important;
}

ul.simple-dropdown-menu.desktop-nav-children-level4 {
  background-color: #08422f !important;
  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;
  white-space: nowrap;
  min-width: 180px !important;
}

#navigation_menu_open_button.open-close-toggle.active {
  position: absolute;
  z-index: 10000;
}

.drop-down-navigation-portlet #fullScreenHTML > div, .drop-down-navigation-portlet #urlAppendText > div {
  display: inline-block;
}

#footerHTML {
  margin-top: 30px;
}

#navigation.textured-nav {
  display: block !important;
}

#textured-cssmenu,
#textured-cssmenu ul,
#textured-cssmenu ul li,
#textured-cssmenu ul li a,
#textured-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;
}

#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;
  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%);
}

#textured-cssmenu > ul {
  background: url("../images/navigation/bg.png");
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}

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

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

#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 {
  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;
}

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

#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 {
  border-top-color: #ffffff;
}

#textured-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;
}

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

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

#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: -4px;
}

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

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

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

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

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

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

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

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

#textured-cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #777777;
  background: #ffffff;
  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);
}

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

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

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

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

#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 {
  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 {
  border-right-color: #333333;
  border-left-color: transparent;
}

#textured-cssmenu ul {
  z-index: 9;
}

/*
@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) {
  #textured-cssmenu {
    background: #39b1cc;
  }
  #textured-cssmenu > ul {
    display: none;
  }
  #textured-cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #textured-cssmenu.align-right > ul {
    float: none;
  }
  #textured-cssmenu.align-center > ul {
    text-align: left;
  }
  #textured-cssmenu > ul > li,
  #textured-cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #textured-cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #textured-cssmenu > ul > li:hover > a,
  #textured-cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #textured-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;
  }
  #textured-cssmenu ul ul,
  #textured-cssmenu ul li:hover > ul,
  #textured-cssmenu > ul > li > ul,
  #textured-cssmenu ul ul ul,
  #textured-cssmenu ul ul li:hover > ul,
  #textured-cssmenu.align-right ul ul,
  #textured-cssmenu.align-right ul li:hover > ul,
  #textured-cssmenu.align-right > ul > li > ul,
  #textured-cssmenu.align-right ul ul ul,
  #textured-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;
    display:block !important;
  }
  #textured-cssmenu ul ul li {
    width: 100%;
  }
  #textured-cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #textured-cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #textured-cssmenu ul ul li:first-child > a,
  #textured-cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #textured-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;
  }
  #textured-cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
  }
  #textured-cssmenu > ul > li.has-sub > a::after,
  #textured-cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}
*/
@media screen and (max-width: 415px) {
  nav#menu.mm-menu_offcanvas {
    max-width: 320px;
  }
}
#wrapper {
  margin-top: 0 !important;
}

.on-click-nav-ul {
  display: block;
  list-style-type: none;
  color: #fff;
}

.on-click-nav-heading {
  line-height: 3;
  color: #fff;
}

.top-li > a {
  padding-left: 15px;
}

.top-li > .on-click-nav-heading {
  font-weight: 550;
  letter-spacing: 1px;
  padding-left: 15px;
}

.on-click-nav-unselected-item,
.on-click-nav-unselected-item-level2,
.on-click-nav-unselected-item-level3,
.on-click-nav-unselected-item-level4,
.on-click-nav-selected-item,
.on-click-nav-selected-item-level2,
.on-click-nav-selected-item-level3,
.on-click-nav-selected-item-level4 {
  color: #fff;
  line-height: 3;
}

.on-click-nav-parent {
  display: inline-block;
  cursor: pointer;
  padding-right: 2%;
}

.on-click-nav-children {
  position: absolute;
  z-index: 999;
}

.on-click-nav-children-level1-li,
.on-click-nav-children-level2-li,
.on-click-nav-children-level3-li,
.on-click-nav-children-level4-li {
  padding-left: 15px;
  padding-right: 10px;
  background: #310f4f;
}

.on-click-nav-children,
.on-click-nav-children-level2,
.on-click-nav-children-level3,
.on-click-nav-children-level4 {
  list-style-type: none;
  display: inherit;
  padding-left: 1%;
  padding-right: 1%;
  width: max-content;
  background: -moz-linear-gradient(top, #310f4f 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #310f4f), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #310f4f 0%, #480087 100%);
  background: -o-linear-gradient(top, #310f4f 0%, #480087 100%);
  background: -ms-linear-gradient(top, #310f4f 0%, #480087 100%);
  background: linear-gradient(to bottom, #310f4f 0%, #480087 100%);
  color: white;
  font-weight: 200;
}

.on-click-icon {
  padding-left: 5px;
}

#on-click-menu {
  width: auto;
  font-family: "Open Sans", Helvetica, sans-serif;
  background: #310f4f;
  background: -moz-linear-gradient(top, #310f4f 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #310f4f), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #310f4f 0%, #480087 100%);
  background: -o-linear-gradient(top, #310f4f 0%, #480087 100%);
  background: -ms-linear-gradient(top, #310f4f 0%, #480087 100%);
  background: linear-gradient(to bottom, #310f4f 0%, #480087 100%);
}

#menu-popup-nav {
  display: none;
  width: 100%;
  background-color: #fff;
  z-index: 2;
}

#navigation.on-click-nav {
  display: block !important;
}

#on-click-menu,
#on-click-menu ul,
#on-click-menu ul li,
#on-click-menu ul li a,
#on-click-menu #menu-button {
  margin: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

#on-click-menu #menu-button {
  display: none;
}

#on-click-menu > ul {
  background: none;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}

#on-click-menu.align-right > ul > li {
  float: right;
}

#on-click-menu > ul > li {
  float: left;
  display: inline-block;
}

#on-click-menu.align-center > ul {
  float: none;
  text-align: center;
}

#on-click-menu.align-center > ul > li {
  float: none;
}

#on-click-menu.align-center ul ul {
  text-align: left;
}

#on-click-menu > ul > li > a {
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #d3eced;
  letter-spacing: 1px;
}

#on-click-menu > ul > li.active > a {
  color: #ffffff;
  background: #32a9c3;
  background: rgba(0, 0, 0, 0.1);
}

#on-click-menu > ul > li.has-sub > a {
  padding-right: 45px;
}

#on-click-menu > 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;
}

#on-click-menu > ul > li.has-sub.active > a::after {
  border-top-color: #ffffff;
}

#on-click-menu.align-right ul ul {
  text-align: right;
}

#on-click-menu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  top: -4px;
  left: 20px;
}

#on-click-menu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}

#on-click-menu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  top: 11px;
  left: -4px;
}

#on-click-menu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}

#on-click-menu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}

#on-click-menu.align-right ul ul ul {
  padding-right: 6px;
}

#on-click-menu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#on-click-menu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#on-click-menu > ul > li > ul::after {
  position: absolute;
  display: block;
}

#on-click-menu 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;
}

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

#on-click-menu ul ul li.has-sub.active > a::after {
  border-left-color: #333333;
}

#on-click-menu.align-right ul ul li.has-sub.active > 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) {
  #on-click-menu {
    background: #39b1cc;
  }
  #on-click-menu > ul {
    display: none;
  }
  #on-click-menu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #on-click-menu.align-right > ul {
    float: none;
  }
  #on-click-menu.align-center > ul {
    text-align: left;
  }
  #on-click-menu > ul > li,
  #on-click-menu.align-right > ul > li {
    float: none;
    display: block;
  }
  #on-click-menu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #on-click-menu > ul > li:hover > a,
  #on-click-menu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #on-click-menu #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: none;
    cursor: pointer;
  }
  #on-click-menu ul ul,
  #on-click-menu ul li:hover > ul,
  #on-click-menu > ul > li > ul,
  #on-click-menu ul ul ul,
  #on-click-menu ul ul li:hover > ul,
  #on-click-menu.align-right ul ul,
  #on-click-menu.align-right ul li:hover > ul,
  #on-click-menu.align-right > ul > li > ul,
  #on-click-menu.align-right ul ul ul,
  #on-click-menu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
    display:block !important;
  }
  #on-click-menu ul ul li {
    width: 100%;
  }
  #on-click-menu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #on-click-menu ul ul ul li a {
    padding-left: 45px;
  }
  #on-click-menu ul ul li:first-child > a,
  #on-click-menu ul ul li:last-child > a {
    border-radius: 0;
  }
  #on-click-menu #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;
  }
  #on-click-menu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
  }
  #on-click-menu > ul > li.has-sub > a::after,
  #on-click-menu ul ul li.has-sub > a::after {
    display: none;
  }
}
*/
@media screen and (min-width: 501px) {
  .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;
  }

  .side-nav.on-hover-sidenav {
    display: block !important;
  }
}
@media screen and (max-width: 501px) {
  .sidenav-mobile-custom-accordion-div {
    display: block !important;
  }

  .sidenav-mobile-view-div {
    display: block !important;
  }
}
span.sidenav-page-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-shadow: 1px 1px 0 #c0c0c0 !important;
  text-transform: uppercase;
}

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

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

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

span.side-nav-page-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-page-parent-a {
  background-color: #938c6f;
}

span.side-nav-page-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;
}

span.sidenav-full-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-shadow: 1px 1px 0 #c0c0c0 !important;
  text-transform: uppercase;
}

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

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

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

span.side-nav-full-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-full-parent-a {
  background-color: #938c6f;
}

span.side-nav-full-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;
}

span.sidenav-accordion-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-shadow: 1px 1px 0 #c0c0c0 !important;
  text-transform: uppercase;
}

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

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

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

span.side-nav-accordion-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-accordion-parent-a {
  background-color: #938c6f;
}

span.side-nav-accordion-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;
}

.accordion-down-img {
  background: url("../images/side-navigation/down.png");
  width: 14px !important;
  height: 16px !important;
}

.accordion-up-img {
  background: url("../images/side-navigation/up.png");
  width: 14px !important;
  height: 16px !important;
}

/* span.sidenav-session-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-shadow: 1px 1px 0 #c0c0c0 !important;
  text-transform: uppercase;
}

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

/* span.sidenav-session-heading {
    color: black !important;
} */
span.sidenav-session-heading {
  background: #099ad1 url("../images/arrow.png") no-repeat scroll 96% center;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 17px;
  margin-bottom: 5px;
  padding: 5px 10px;
  text-shadow: 0 0 0 #c0c0c0 !important;
  text-transform: capitalize;
}

/* .sidenav-session-div {
    background: -webkit-linear-gradient(top, #b3ae98 0%, #cac4ac 50%, #b3ae98 100%);
} */
/* span.side-nav-session-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;
} */
span.side-nav-session-unselected-item {
  color: #5b677d !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 0 !important;
  text-decoration: none;
  text-shadow: 1px 1px 0 #eee !important;
  text-transform: capitalize;
}

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

/* span.side-nav-session-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;
} */
span.side-nav-session-selected-item {
  color: #099ad1 !important;
  display: inline-block;
  font-size: 14px !important;
  font-weight: 600;
  padding: 0 !important;
  text-decoration: none;
  text-shadow: 1px 1px 0 #eee !important;
  text-transform: capitalize !important;
}

.sidenav-session-ul {
  margin: 0 !important;
}

.sidenav-session-children {
  margin-left: 10px !important;
}

.sidenav-session-children .subLeft > a {
  display: block;
}

.sidenav-session-selected-heading {
  background: #099ad1 url("../images/arrow.png") no-repeat scroll 96% center;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 17px;
  padding: 5px 10px;
  text-shadow: 0 0 0 #c0c0c0 !important;
  text-transform: capitalize;
}

/* span.sidenav-mobile-view-selected-heading {
    color: yellow;
} */
ul.sidenav-mobile-view-ul {
  background: #991122;
}

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-mobile-view-parent {
  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;
}

/* span.sidenav-mobile-view-heading {
    color: black !important;
} */
span.sidenav-mobile-view-heading {
  background: #991122;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 17px;
  margin-bottom: 5px;
  padding: 5px 10px;
  text-transform: capitalize;
}

/* .sidenav-mobile-view-div {
    background: -webkit-linear-gradient(top, #b3ae98 0%, #cac4ac 50%, #b3ae98 100%);
} */
/* span.side-nav-mobile-view-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;
} */
span.side-nav-mobile-view-unselected-item {
  color: #5b677d !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 0 !important;
  text-decoration: none;
  text-transform: capitalize;
}

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

/* span.side-nav-mobile-view-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;
} */
span.side-nav-mobile-view-selected-item {
  color: #099ad1 !important;
  display: inline-block;
  font-size: 14px !important;
  font-weight: 600;
  padding: 0 !important;
  text-decoration: none;
  text-transform: capitalize !important;
}

.sidenav-mobile-view-ul {
  margin: 0 !important;
}

.sidenav-mobile-view-children {
  margin-left: 10px !important;
}

.sidenav-mobile-view-children .subLeft > a {
  display: block;
}

.sidenav-mobile-view-selected-heading {
  background: #099ad1 url("../images/side-navigation/arrow.png") no-repeat scroll 96% center;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 17px;
  padding: 5px 10px;
  text-transform: capitalize;
}

.sidenav-mobile-down-img {
  background: url("../images/side-navigation/down.png");
  width: 14px !important;
  height: 16px !important;
}

.sidenav-mobile-up-img {
  background: url("../images/side-navigation/up.png");
  width: 14px !important;
  height: 16px !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-shadow: 1px 1px 0 #c0c0c0 !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: #000 !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;
}

/* span.sidenav-session-children-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-shadow: 1px 1px 0 #c0c0c0 !important;
  text-transform: uppercase;
}

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

/* span.sidenav-session-children-heading {
    color: black !important;
} */
span.sidenav-session-children-heading {
  background: #099ad1 url("../images/arrow.png") no-repeat scroll 96% center;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 17px;
  margin-bottom: 5px;
  padding: 5px 10px;
  text-shadow: 0 0 0 #c0c0c0 !important;
  text-transform: capitalize;
}

/* .sidenav-session-children-div {
    background: -webkit-linear-gradient(top, #b3ae98 0%, #cac4ac 50%, #b3ae98 100%);
} */
/* span.side-nav-session-children-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;
} */
span.side-nav-session-children-unselected-item {
  color: #5b677d !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 0 !important;
  text-decoration: none;
  text-shadow: 1px 1px 0 #eee !important;
  text-transform: capitalize;
}

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

/* span.side-nav-session-children-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;
} */
span.side-nav-session-children-selected-item {
  color: #099ad1 !important;
  display: inline-block;
  font-size: 14px !important;
  font-weight: 600;
  padding: 0 !important;
  text-decoration: none;
  text-shadow: 1px 1px 0 #eee !important;
  text-transform: capitalize !important;
}

.sidenav-session-children-ul {
  margin: 0 !important;
}

.sidenav-session-children-children {
  margin-left: 10px !important;
}

.sidenav-session-children-children .subLeft > a {
  display: block;
}

.sidenav-session-children-selected-heading {
  background: #099ad1 url("../images/arrow.png") no-repeat scroll 96% center;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 17px;
  padding: 5px 10px;
  text-shadow: 0 0 0 #c0c0c0 !important;
  text-transform: capitalize;
}

.portlet-configuration.real-estate-listings-portlet .input-group-inset-item-after {
  height: 40px;
}

.parking-space-counter-div {
  border: 2px solid lightgrey;
  border-radius: 5px;
  max-width: 365px;
  display: grid;
  text-align: center;
  margin: auto;
}

.parking-space-counter-date, .parking-space-counter-time {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
}

.parking-space-counter-date {
  margin-top: 15px;
}

.parking-space-counter-time {
  margin-bottom: 15px;
}

.parking-space-counter-icon {
  font-size: 50px;
  color: darkblue;
}

.parking-space-counter {
  font-size: 30px;
  font-weight: bold;
  margin: 15px 0px;
}

.parking-space-counter-available-space {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .parking-space-counter-date, .parking-space-counter-time, .parking-space-counter-available-space {
    font-size: 20px;
  }

  .parking-space-counter-div {
    width: auto !important;
  }
}
.data-border {
  border-color: darkgrey !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.poa-property-owners-detail {
  margin-bottom: 5px;
  margin-top: 5px;
}

.poa-property-details {
  margin-right: 5px;
}

.poa-property-ownership-detail {
  margin-top: 5px;
}

.poa-property-violation-div {
  display: inline-block;
  width: 250px;
  background: #ff0000 !important;
  margin-right: 10px;
  margin-bottom: 20px;
}

.poa-property-balance-div {
  display: inline-block;
  width: 265px;
  background: orange !important;
  margin-right: 10px;
  margin-bottom: 20px;
}

.poa-property-lein-div {
  display: inline-block;
  width: 250px;
  background: #5a9a6b !important;
  margin-right: 10px;
  margin-bottom: 20px;
}

.poa-property-heading label {
  color: white;
  text-align: right;
  padding-right: 5px;
}

.poa-property-heading h1 {
  color: white;
  padding-right: 5px;
}

.poa-property-owner-info {
  padding-left: 10px;
}

.poa-property-address-details {
  margin-top: 10px;
  margin-bottom: 10px;
}

.poa-property-photo-div {
  padding: 10px;
}

.poa-property-padding-left {
  padding-left: 5px;
}

.poa-property-rental-info-label {
  color: white !important;
}

.poa-property-owner-info-label {
  color: white !important;
}

.poa-property-info-label {
  color: white !important;
}

.poa-property-cur-owner-sel {
  border: 1px solid #156090 !important;
  background: #186ba0 !important;
  color: #fff !important;
}

.poa-property-heading h1.lien-heading {
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: right;
}

@media only screen and (max-width: 500px) {
  .poa-property-violation-div, .poa-property-balance-div,
.poa-property-lein-div {
    width: 100% !important;
  }
}
.update-cc-status {
  text-align: right !important;
}

.ui-grid-row {
  border-top: 0px !important;
}

.poa-smart-vw-tab-label {
  height: 35px !important;
}
.poa-smart-vw-tab-label a {
  color: #545454 !important;
}

.disable-scroll-poa-ach-dialog {
  top: 35% !important;
  width: 42% !important;
  overflow-y: hidden !important;
}

.wos-back-btn {
  float: right;
}

.wos-link {
  color: #009ae5 !important;
}

.portlet-document-library .input-group-inset-item-after {
  height: 40px;
}

.portlet-document-library .info-panel.sidenav-menu-slider .sidebar-header .label.label-info {
  background-color: #FFF !important;
  border-color: #89a7e0 !important;
  color: #2E5AAC !important;
  border-color: #272833 !important;
  border-radius: 0.125rem !important;
  border-style: solid !important;
  border-width: 0.0625rem !important;
  display: inline-flex !important;
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  margin-bottom: 0.125rem !important;
  margin-right: 0.25rem !important;
  margin-top: 0.125rem !important;
  max-width: 100% !important;
  padding-bottom: 0.125rem !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-top: 0.125rem !important;
  text-transform: uppercase !important;
  white-space: inherit !important;
  word-wrap: break-word !important;
  outline: 0 !important;
  transition: box-shadow 0.15s ease-in-out !important;
}

.portlet-document-library .info-panel.sidenav-menu-slider .sidebar-header span.taglib-workflow-status .workflow-status .label.workflow-value {
  color: #287D3D !important;
  background-color: #FFF !important;
  border-color: #5aca76 !important;
  color: #287D3D !important;
  border-color: #272833 !important;
  border-radius: 0.125rem !important;
  border-style: solid !important;
  border-width: 0.0625rem !important;
  display: inline-flex !important;
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  margin-bottom: 0.125rem !important;
  margin-right: 0.25rem !important;
  margin-top: 0.125rem !important;
  max-width: 100% !important;
  padding-bottom: 0.125rem !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-top: 0.125rem !important;
  text-transform: uppercase !important;
  white-space: inherit !important;
  word-wrap: break-word !important;
  outline: 0 !important;
  transition: box-shadow 0.15s ease-in-out !important;
  text-transform: uppercase !important;
}

.portlet-document-library .panel-heading {
  padding: 0px;
}

.portlet-document-library .progress.horizontal p {
  margin-bottom: 0px;
}

/** Start: Web Content Portlet **/
.inlineEditor {
  margin-top: 10px;
}

/** Start: Web Content Portlet **/
/****** Templates  *******/
/** Start: Bullets With Image **/
.bullets-with-image-container .bullet-list-ul > li {
  display: block;
}

/** End: Bullets With Image **/
/** Start: TABS **/
.tabs-container .tabs-menu {
  margin: 0 !important;
  font-size: 0;
}

.tabs-container ul.tabs-menu li {
  display: inline-block;
  list-style: outside none none;
  width: 10%;
}

.tabs-container ul.tabs-menu .tab-link h3 {
  font-size: 15px !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  cursor: pointer;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 20px !important;
  transition: all 0.4s ease;
}

.tabs-container ul.tabs-menu .active h3 {
  background-color: #285e32 !important;
  color: #ffffff !important;
}

.tabs-container ul.tabs-menu .tab-link h3:hover {
  background-color: #285e32 !important;
  color: #ffffff !important;
}

.tabs-container .tabs-content {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  padding: 10px;
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
  #ui-area .tabs-container ul .tab-link h3 {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  #ui-area .tabs-container ul .tab-link h3 {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .tabs-container ul.tabs-menu li {
    width: auto;
  }

  #ui-area .tabs-container ul.tabs-menu .tab-link h3 {
    font-size: 14px !important;
    text-align: center;
    width: 27px !important;
    padding: 11px 0 !important;
  }
}
/** End: TABS **/
/** Start: PARKING **/
.parking-availability {
  margin-right: 30px;
  margin-bottom: 20px;
}

.parking-availability-container {
  margin: 0% 5%;
}

.pa-header {
  font-weight: bold;
  text-align: center;
}

.pa-header, .pa-entry {
  margin-bottom: 10px;
}

.pa-header > div:first-child, .pa-entry > div:first-child {
  float: left;
  width: 40%;
}

.pa-header > div:not(:first-child), .pa-entry > div:not(:first-child) {
  float: left;
  width: 20%;
}

.pa-entry > div:not(.pa-entry-day-and-date) {
  line-height: 2;
  font-size: 20px;
  text-align: center;
}

.pa-entry .pa-entry-day-and-date {
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
}

.pa-entry .pa-entry-day {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  color: #A6A19B;
  margin-top: 16px;
  margin-bottom: 0;
}

.pa-entry .fa-circle.green {
  color: #79AB69;
}

.pa-entry .fa-circle.red {
  color: #C8102E;
}

.pa-entry .fa-circle.yellow {
  color: #EDC827;
}

/** End: PARKING **/
/** Start: 3 COLUMN IMAGE CALLOUTS **/
.image-callout-wrap:hover {
  color: #ffffff;
}
.image-callout-wrap:hover span {
  text-decoration: underline;
}
.image-callout-wrap .image-callout {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 12px;
  height: 250px;
  background-color: #fff;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.image-callout-wrap .image-callout * {
  color: #fff;
}
.image-callout-wrap .image-callout span {
  position: absolute;
  box-sizing: border-box;
  display: block;
  text-align: left;
  background: #081f36;
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 300;
  font-size: 20px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(8, 31, 54, 0.5);
  line-height: 24px;
  padding: 18px 60px 16px 20px;
}
.image-callout-wrap .image-callout span:focus, .image-callout-wrap .image-callout span:active, .image-callout-wrap .image-callout span:hover {
  color: #fff;
}
.image-callout-wrap .image-callout span:after {
  content: "";
  position: absolute;
  right: 20px;
  height: 30px;
  width: 30px;
  padding: 1px;
  background-image: url("../images/club-images/icon/link-arrow-right.png");
  background-size: 28px 28px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 12px;
}

div.image-callout-wrap {
  width: 100%;
}
div.image-callout-wrap:hover span {
  text-decoration: none;
}
div.image-callout-wrap a:hover span {
  text-decoration: underline;
}

/** End: 3 COLUMN IMAGE CALLOUTS **/
/** End: OVERLAY HOVER EFFECT II **/
.overlay-hover-effect .overlay {
  position: initial !important;
}

/** End: OVERLAY HOVER EFFECT II **/
/** Start: FEATURED EVENTS LISTING **/
.featured-event {
  display: block;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 7px rgba(128, 128, 128, 0.5);
  margin-bottom: 20px;
  padding-left: 140px;
  min-height: 100px;
}
.featured-event .left, .featured-event .right {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.featured-event .left {
  position: absolute;
  width: 140px;
  left: 0;
  top: 0;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.featured-event .right {
  width: 100%;
  padding: 15px;
}
.featured-event .right *:first-child {
  margin-top: 0;
}
.featured-event .right *:last-child {
  margin-bottom: 0;
}
.featured-event .right h5 {
  margin-bottom: 2px;
}
.featured-event .right p.subheadline {
  font-weight: 900;
  text-transform: uppercase;
  color: #081f36;
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 1.4;
}
.featured-event .right p.subheadline span:not(:last-child):after {
  content: "|";
  margin-right: 4px;
  margin-left: 6px;
}
.featured-event .right p {
  font-size: 14px;
  font-weight: 100;
  line-height: 1.2;
}
.featured-event .right a {
  font-size: 14px;
}

/** End: FEATURED EVENTS LISTING **/
/** Start: HERO BANNER **/
.hero-banner.hero-unit {
  padding: 60px;
  padding-top: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eee;
  background: #333943;
  padding-top: 250px !important;
  border-radius: 0 !important;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
}

/** End: HERO BANNER **/
/** Start: 3 COLUMN TRANSACTIONAL CONTENT **/
.transactional-content .image {
  height: 180px !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

/** End: 3 COLUMN TRANSACTIONAL CONTENT **/
/** Start: FEATURED TEXT BLOCK WITH IMAGE **/
.journal-content-article .featured-text-block-container .featured-text-block {
  display: flex;
}

.journal-content-article .featured-text-block-container .featured-text-block > div {
  width: 50%;
}

/** End: FEATURED TEXT BLOCK WITH IMAGE **/
/** Start: OVERLAY HOVER EFFECT **/
.overlay-hover-effect-container .containerOverlay {
  position: relative;
  width: 100%;
}
.overlay-hover-effect-container .containerOverlay .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background-color: rgba(76, 76, 75, 0.5);
  transition: 0.5s;
}
.overlay-hover-effect-container .containerOverlay .overlay .text {
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  text-shadow: 0.1px 0.1px 0.1px #111;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.overlay-hover-effect-container .containerOverlay p {
  color: #fff !important;
  text-transform: none;
  line-height: inherit !important;
}
.overlay-hover-effect-container .overlay-box-row {
  margin-bottom: 20px;
}
.overlay-hover-effect-container .containerOverlay .containerImg img {
  object-fit: cover !important;
}
.overlay-hover-effect-container .containerOverlay .containerImg img {
  position: relative;
  width: 100%;
}
.overlay-hover-effect-container .containerOverlay .overlay .text p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  font-size: 20px !important;
  font-weight: bold !important;
  font-family: "Oswald-Light", serif !important;
}
.overlay-hover-effect-container .overlay:before {
  content: url("../images/arrows/arrow.png");
  position: absolute;
  top: 10%;
  right: 10%;
  transition: 0.5s;
}
.overlay-hover-effect-container .containerImg a:hover .overlay, .overlay-hover-effect-container .containerImg .overlay:hover {
  width: 100%;
  height: 100%;
  background-color: rgba(45, 45, 40, 0.8);
}
.overlay-hover-effect-container .overlay:hover:before {
  transform: rotate(180deg);
}
.overlay-hover-effect-container .containerImg.box-img > a:hover .overlay.box-overlay p.title.hide-on-hover, .overlay-hover-effect-container .containerImg.box-img > .overlay.box-overlay:hover p.title.hide-on-hover {
  display: none !important;
}
.overlay-hover-effect-container .containerImg.box-img > a:hover .overlay.box-overlay p.description.hidden.show-on-hover, .overlay-hover-effect-container .containerImg.box-img > .overlay.box-overlay:hover p.description.hidden.show-on-hover {
  display: block !important;
  visibility: inherit !important;
}
.overlay-hover-effect-container .containerOverlay .overlay-effect {
  position: absolute;
  top: 5%;
  bottom: 0;
  left: 5%;
  right: 0;
  height: 90%;
  width: 90%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(45, 45, 40, 0.8);
}
.overlay-hover-effect-container .containerOverlay .overlay-effect .text {
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  text-shadow: 0.1px 0.1px 0.1px #111;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.overlay-hover-effect-container .containerOverlay .overlay-effect .text p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  font-size: 20px !important;
  font-weight: bold !important;
  font-family: "Oswald-Light", serif !important;
}
.overlay-hover-effect-container .containerImg a:hover .overlay-effect, .overlay-hover-effect-container .containerImg:hover .overlay-effect {
  opacity: 1 !important;
}
.overlay-hover-effect-container .containerImg:hover .overlay-effect:before {
  transform: rotate(180deg);
}
.overlay-hover-effect-container .containerImg.box-img:hover .overlay-effect.box-overlay p.title.hide-on-hover {
  display: none !important;
}
.overlay-hover-effect-container .containerImg.box-img:hover .overlay-effect.box-overlay p.description.hidden.show-on-hover {
  display: block !important;
  visibility: inherit !important;
}
.overlay-hover-effect-container .containerOverlay:hover #hide2 {
  display: none !important;
}
.overlay-hover-effect-container .box-img-effect2 {
  overflow: hidden;
}
.overlay-hover-effect-container .box-img-effect2 img {
  transition: transform 0.5s ease;
}
.overlay-hover-effect-container .box-img-effect2:hover img {
  transform: scale(1.02);
}
.overlay-hover-effect-container .containerOverlay #hide2:before {
  display: none !important;
}

/** End: OVERLAY HOVER EFFECT **/
@media print {
  .hide-on-print {
    display: none !important;
  }

  div, span, tr, td, th, h1, button, label {
    font-family: Arial, sans-serif;
  }

  h1 {
    font-size: 12pt !important;
  }

  div, span, tr, td, th, button, label {
    font-size: 8pt !important;
  }

  td {
    padding: 5px 5px 5px 5px !important;
  }

  table {
    margin-bottom: 5mm !important;
  }

  .text-bold {
    font-weight: 600 !important;
  }

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

  .text-right {
    text-align: right !important;
  }

  .label-info {
    font-weight: 600 !important;
  }

  .ui-grid-responsive .ui-grid-col-5 {
    width: 41.66666% !important;
  }

  .ui-grid-responsive .ui-grid-col-6 {
    width: 50% !important;
  }

  .ui-grid-responsive .ui-grid-col-7 {
    width: 58.33333% !important;
  }

  .ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
    float: left !important;
  }

  .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text, span.text-bold, .row-fluid, td, th.heading-position, span.pull-left, span.pull-right {
    font-size: 15px !important;
  }

  .chit-label {
    font-size: 16px !important;
  }

  .ui-grid-row {
    border-top: 0px !important;
  }

  .table-bordered, table {
    border: 1px solid black !important;
    border-spacing: 5px !important;
  }

  .print-chit table.table.table-striped.table-bordered {
    border: 1px solid black !important;
  }

  .print-chit .table td {
    border: 1px solid black !important;
  }
}
@media print and (-ms-high-contrast: none) {
  .row-fluid {
    font-size: 1em !important;
  }

  span.text-bold, span.chit-text {
    font-size: 1.5em !important;
  }

  td, th.heading-position, span.pull-left, span.pull-right, .chit-label {
    font-size: 2.5em !important;
  }

  h1.heading.chit-heading {
    font-size: 3.5em !important;
  }

  td {
    padding: 0.5em 0.5em 0.5em 0.5em !important;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a {
  color: #0058a0;
  font-weight: 600;
  text-decoration: none;
}

.layout-container {
  margin: 0 5% 0 5%;
}

.field-content {
  padding-left: 2em;
}

.tiles-layout-content {
  position: relative;
  z-index: 10;
}

.layout-region--left,
.layout-region--right,
.frontpage-about-summary .views-field-body,
.frontpage-about-summary .views-field-field-grid-image,
.gridfield-list-images section {
  background-color: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  vertical-align: top;
}

.layout-region--left,
.layout-region--right,
.frontpage-about-summary .views-field-body,
.frontpage-about-summary .views-field-field-grid-image {
  margin-top: 40px;
  margin-bottom: 40px;
}

.frontpage-about-summary .views-field-body,
.frontpage-about-summary .views-field-field-grid-image {
  margin-top: 0;
  margin-bottom: 0;
}

.layout__region--content p {
  font-family: "Circular", Helvetica Neue, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
}

.region-custom-btn {
  font-family: "Circular", Helvetica Neue, sans-serif;
  font-style: normal;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.65em 1em;
  background-color: #009ae1;
  color: white;
  border-radius: 4px;
  border: 1px solid #0481ba;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  line-height: 1.4;
}

.gridfield-images {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 2em;
}

.gridfield-images .views-row {
  margin: 0 20px;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
}

.gridfield-images .views-row:focus {
  border-color: #999;
  outline: none;
}

.gridfield-image {
  padding: 150px 0;
  position: relative;
  background-size: cover;
  background-color: #009ae1;
}

.gridfield-content {
  font-family: "Circular", Helvetica Neue, sans-serif;
  font-style: normal;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -83%;
  transition: 0.25s bottom;
  padding: 15px 20px;
  background-color: rgba(235, 44, 60, 0.85);
  color: white;
  font-size: 0.85em;
  font-weight: 300;
  line-height: 1.4;
}

.gridfield-image:hover .gridfield-content,
.slick-slide:focus .gridfield-content {
  bottom: 0;
}

.gridfield-images-wrapper ul {
  list-style-type: none;
  padding: 0 !important;
}

.gridfield-images-wrapper li {
  margin: 0 20px;
}

.gridfield-images-wrapper li:before {
  display: none !important;
}

.gridfield-title {
  padding-bottom: 10%;
  font-size: 1.4em;
  font-weight: 500;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gridfield-image:hover .gridfield-title {
  white-space: normal;
}

.gridfield-date {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 23px;
  border-bottom: 1px solid white;
  padding: 0 0 4px;
  margin: 0 0 10px;
}

.gridfield-date + .gridfield-title {
  font-size: 1em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 0;
}

.gridfield-content:hover .gridfield-date + .gridfield-title {
  white-space: normal;
}

.gridfield-readmore a {
  font-family: "Circular", Helvetica Neue, sans-serif;
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.85em;
  border: 2px solid white;
  border-radius: 5px;
  padding: 0.35em 0.5em;
  margin-top: 0.25em;
}

.gridfield-images .slick-prev:before,
.gridfield-images .slick-next:before {
  content: "";
  background-color: #f1f5f7;
  width: 35px;
  display: block;
  height: 60px;
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}

.gridfield-view-readmore {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 0.75em;
}

.gridfield-view-readmore a {
  color: #888;
  font-weight: 300;
  text-transform: uppercase;
}

.gridfield-view-readmore.readmore-events a {
  font-size: 1.15em;
  color: #009ae1;
}

.gridfield-view-readmore.readmore-events a:after {
  content: " ►";
  font-size: 0.75em;
}

.gridfield-images .slick-prev:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAYAAACpgnCWAAAB4klEQVR4AWJwL/AB9GIWWXrDQBAOMzMzMzMzMzNf479AmC2Hl8Mzkp3MSm4FD5DzDFRg37WQFu1dve89N1WLjszJ4dxV9zRhisADTOmnaAGIt2UYSwE6Ozt7ZoWc1gIy5/dAR0Fe2WquGlDInSflr2EUpK6urndWVJfUv6oIm6GjIHlrWKYGtPmbD+p+DKQgdXW/+xlbXdNCsjZZBR0Fya2sI5J9teZ9Hwryqb19cGarW1rIqzIsgo6CvHayTZ8LOV+rdfaiIC/d15HG+rvqxnNfZ0FHQYyV/fpkhxPQUJDnzk+AWA35LBNpiHFyXAt47fwBaCiIaZWZWoBBzr78GEVBUB3GVeeIXGyHjoJ0CxdqAeif53V+CAVBp+YuXFFDXFgPHQXBzFEDrFx/Upb9Kch77wcYJze0EExl6ChI5mSTFoC9gv1CQbDBsMkIczAPOgpiCtmlBthwBruegmRtfgw1Ptq+TmMdDu2hKEBCCP+73jXLVBqCz+u2sDtO4hOUcPpmRMCMxRgrEQZkhFEP00dDEDBnEZZWhPUbw0jABEKXxBIlM3fJbGpUw41c0hAEqifq6ZDoCOLPOUwM+pz7f5hiVvGHafITO8JjAfYTdOmfPWI84MA7QJfsKYoO+C/Gq3UBIRF4RKQdibIAAAAASUVORK5CYII=);
}

.gridfield-images .slick-next:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAMAAACeXICkAAAAolBMVEVHcEyZtMGZtcGas7+Rtsh/f/+btMKbtMCatcKqqqqZtcCWtMObs8GZssGascF/v7////+Zs8CUtL+XtsKdtsKZssKbscKNqsaZtcGqqtSZs8GiubmZtMGatMGatMCatMGatr+Xs8CYtL+er8GYssKZssKatcKas8GYtMGZsr+bssGZt8GRtraZtcCbtMCas8Cfv7+Uqr+ZtL+as8KatcGbsr8ZGhXOAAAANnRSTlMAOmRlDgJcZkwDWhE2MiEEAWIYKhU/LglTBl8LS2BWTxwlSB1DUCZHPhRXGQctKV4IDERUQmFPo5LjAAAA2ElEQVR42o3UxxLCMBADUNJwKumNQGih9/b/v8YNoUNm8fWNMo4t78BW3zUZ0Mogas70gFQRiamDFhzSIK5DUr5BZw4FkGtNEg5BPodSSNyQWAfQjkMjiOExrUFbliNEJUxLyIzFM0AjphzSWiT3GHThkA8ZhiSnMSjgUAGZ3kgcF6RxaAPRTZLoCXpxaAVRexIqX6/YvV/LaAcVoBN2Lfwpn075CzWd6F+30MSQVLjtvobIrUqoiUJ7hcZbLSQXXpb4GgPAuKZXP4UUwqQQp0tHE0mYYkL5Pk2QGNAIF7aIAAAAAElFTkSuQmCC);
}

.gridfield-list-images section,
.gridfield-list-images .views-row {
  border: none;
  overflow: hidden;
}

.gridfield-list-images section {
  padding: 2em;
}

.gridfield-list-images section,
#block-custom-tiles-content .gridfield-list-images .views-row,
.gridfield-list-images nav {
  margin: 1em 0;
  border: none;
}

.gridfield-list-images nav ul {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 0.5em 0.25em;
  margin: 0;
  background-color: #009ae1;
}

.gridfield-list-images nav li {
  display: inline-block;
  padding: 0;
  margin: 0 0.25em;
}

.gridfield-list-images nav li,
.gridfield-list-images nav a {
  font-weight: 300;
  color: white;
}

.gridfield-list-images nav a {
  margin: 0;
  min-width: 38px;
  text-align: center;
  padding: 0.4em 0.8em;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.gridfield-list-images nav a:hover {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
}

.gridfield-list-images nav li:before {
  display: none;
}

.gridfield-list-images.gridfield-list-images-nointro section {
  position: relative;
  width: 100%;
  overflow: visible;
  padding: 0;
  height: 0;
  top: -40px;
  background-color: transparent;
  box-shadow: none;
}

.gridfield-list-images.gridfield-list-images-nointro .gridfield-list-items-title {
  width: 100%;
}

.gridfield-list-images.gridfield-list-images-facilities {
  margin-top: 0;
}

.gridfield-list-images.gridfield-list-images-facilities section {
  top: 0;
  height: auto;
  border-width: 10px;
}

.gridfield-list-images.green .gridfield-image {
  background-color: #01acab;
}

.gridfield-list-images.green .gridfield-content {
  background-color: rgba(1, 172, 171, 0.85);
}

.gridfield-list-images.blue .gridfield-image {
  background-color: #003768;
}

.gridfield-list-images.blue .gridfield-content {
  background-color: rgba(0, 55, 104, 0.85);
}

.gridfield-list-items-title {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  min-height: 66px;
  border-bottom: 8px solid #003768;
}

.gridfield-list-items-title h2 {
  font-family: "Circular", Helvetica Neue, sans-serif;
  font-style: normal;
  background-color: #003768;
  color: white;
  display: inline-block;
  padding: 18px 25px;
  margin: 0;
  line-height: 1.5rem;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.layout-region--left,
.layout-region--right {
  padding: 2em 2em 2em;
  overflow-x: hidden;
}

.layout--twocol > .layout-region--left {
  flex: 0 1 100%;
}

.layout--twocol > .layout-region--right {
  flex: 0 1 100%;
  font-size: 0.85em;
}

.layout--twocol > .layout-region--right ul,
.layout--twocol > .layout-region--right p {
  margin: 0.25rem 0;
}

.layout--twocol > .layout-region--right h3 {
  margin: 0.8rem 0;
  font-size: 1.4em;
}

.layout--twocol > .layout-region--right h4 {
  font-size: 1.1em;
  margin: 0.8rem 0 -0.3rem;
  text-transform: uppercase;
  font-weight: 300;
}

.layout-region--left .embedded-image,
.layout-region--right .embedded-image {
  padding: 325px 0 0;
  background-size: cover;
  background-position: center center;
  margin: -2em -2em 2em;
  border-bottom: 8px solid #003768;
}

.layout-region--right .right_column_image .embedded-image {
  background-position: right bottom;
}

@media (max-width: 480px) {
  .gridfield-list-items-title h2 {
    font-size: 1.1rem;
  }
}
@media (min-width: 976px) {
  .gridfield-list-items-title {
    top: -47px;
  }

  .layout--twocol > .layout-region--left {
    flex: 0 1 66%;
  }

  .layout--twocol > .layout-region--right {
    flex: 0 1 32%;
  }

  .ie .layout--twocol > .layout-region--left {
    flex-basis: 60%;
  }

  .ie .layout--twocol > .layout-region--right {
    flex-basis: 27%;
  }

  .frontpage-about-summary .views-field-body {
    width: 66%;
  }

  .gridfield-list-images {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .gridfield-list-images:after {
    content: "";
  }

  .gridfield-list-images:after,
.gridfield-list-images section,
.gridfield-list-images .views-row,
.gridfield-list-images nav {
    flex: 0 1 auto;
    width: 32%;
    max-height: 300px;
    overflow: hidden;
  }

  .gridfield-list-images nav {
    width: 100%;
  }

  .gridfield-list-images section {
    width: 66%;
    padding: 2em;
  }

  .gridfield-list-items-title {
    width: 66%;
  }
}
.tiles-template {
  float: left !important;
}

.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.accordion {
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  background: #f7f7f7;
}

.accordion h1,
.accordion h2,
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
  padding: 10px;
  margin: 2px;
  border-bottom: 1px solid #118ade;
  background: #2fa4f5;
  transition: all linear 0.15s;
  text-shadow: 0px 1px 0px #118ade;
  color: #fff !important;
}

.accordion h1.active,
.accordion h2.active,
.accordion h3.active,
.accordion h4.active,
.accordion h5.active,
.accordion h6.active,
.accordion h1:hover,
.accordion h2:hover,
.accordion h3:hover,
.accordion h4:hover,
.accordion h5:hover,
.accordion h6:hover {
  background: #118ade !important;
  text-decoration: none !important;
}

.accordion h1:last-child,
.accordion h2:last-child,
.accordion h3:last-child,
.accordion h4:last-child,
.accordion h5:last-child,
.accordion h6:last-child {
  border-bottom: none;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-content {
  padding: 15px;
  display: none;
}

.accordion-content.default {
  display: block;
}

.two-column-accordion-btn {
  color: #FFF;
  background-color: #0B5FFF;
  border-color: #0B5FFF;
  box-shadow: none;
}

.tabs-container {
  margin-bottom: 10px;
}

ul.tabs-menu {
  list-style: none;
  margin: 0px !important;
  padding: 0px !important;
}

ul.tabs-menu li {
  cursor: pointer;
  background: #79854E;
  display: inline-block;
  margin: auto !important;
  border: 1px solid #4d522d;
  border-bottom: none;
  padding: 0px 10px !important;
}

ul.tabs-menu li.active {
  background: #a8b47e;
}

ul.tabs-menu li:hover {
  background: #a8b47e;
}

ul.tabs-menu li h1,
ul.tabs-menu li h2,
ul.tabs-menu li h3,
ul.tabs-menu li h4,
ul.tabs-menu li h5,
ul.tabs-menu li h6 {
  color: #fff !important;
  text-shadow: 0px 1px 0px #4d522d;
}

.tab-content-row {
  display: none;
  background: #f7f7f7;
  border: 1px solid #4d522d;
  min-height: 50px;
}

.tab-content-row.active {
  display: inherit;
}

.tab-content-image, .tab-content-text {
  padding: 15px;
  text-align: justify;
}

.vertical-tabs .nav-tabs {
  flex-direction: column !important;
}

.vertical-tabs .nav-tabs + .tab-content .tab-pane {
  background: inherit !important;
}

.vertical-tabs .nav-tabs > li a {
  background: inherit !important;
}

.vertical-tabs .nav-tabs > li a.active {
  background: white !important;
}

.tabs-right {
  display: block !important;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.masonry-with-filters-container {
  position: relative;
}

.masonry-filters {
  text-align: center;
  margin-bottom: 10px;
}

.masonry-filters .btn {
  outline: 0;
  cursor: pointer;
  padding: 10px 15px;
  margin-bottom: 5px;
  background-color: white;
  border: 1px solid #e8eaee;
  text-transform: uppercase;
}

.masonry-filters .btn.active {
  background-color: #1b305b;
  color: #fff;
}

.masonry-with-filters {
  list-style-type: none;
}

.masonry-with-filters .masonry-item {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.masonry-with-filters .masonry-item img {
  width: 320px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border: 2px solid #1b305b;
}

.masonry-with-filters .masonry-item .masonry-item-title {
  bottom: 0;
  opacity: 0;
  color: #fff;
  width: 100%;
  padding: 10px 0px;
  position: absolute;
  text-align: center;
  background: rgba(132, 192, 83, 0.8);
}

.masonry-with-filters .masonry-item:hover .masonry-item-title {
  opacity: 1;
  transition: 0.3s ease-out;
  transition-property: opacity, transform, filter;
}

label.rotatory-thumb-label {
  display: block;
  margin: 5px 0;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}

.rotatory-thumb-card {
  text-align: center;
}

a.rotatory-thumb-link {
  display: block;
  text-decoration: none;
}

.rotatory-thumb-card:hover img.rotatory-thumb-img {
  transform: scale(1) rotate(0deg) !important;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.3)) !important;
}

img.rotatory-thumb-img {
  transition: all 0.3s ease;
  transform: scale(0.8) rotate(-8deg);
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0));
  padding: 6px;
  border-width: 0px;
  border-style: solid;
}

.rotatory-thumb:hover img.rotatory-thumb-img {
  transform: scale(1) rotate(0deg) !important;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.3));
}

.portlet-blogs .text-left > a.read-more {
  display: inline-block;
  padding: 7px 10px;
}

.portlet-blogs .blog-content + .text-left a {
  background: #061626 !important;
  color: #fff !important;
}

.portlet-blogs h3.title > a.title-link.read-more {
  color: #0058a0;
  font-weight: bold !important;
  word-wrap: break-word;
  font-size: 1.375rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.portlet-blogs .taglib-image-selector .icon-check {
  opacity: 0 !important;
}

.portlet-blogs-aggregator.entry {
  height: auto !important;
  margin: 10px 20px 14px 0;
}

.entry-body {
  margin-bottom: 10px;
}

.entry-date {
  background: url(../images/common/date.png) no-repeat 0 50%;
  color: #999;
  padding-left: 25px;
}

.portlet-blogs .portlet-blogs-aggregator .entry-title h2 > a {
  color: #0058a0;
  font-weight: bold !important;
  word-wrap: break-word;
  text-decoration: underline;
  font-size: 1.375rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.portlet-blogs-aggregator.entry .entry-author {
  float: inherit !important;
}

.portlet-blogs-aggregator.entry.multi-entry-view {
  margin: 5px 0px !important;
}

.portlet-blogs-aggregator .blog-content + .text-left a:hover {
  background: #000 !important;
  transition: all 0.9s ease 0s;
  color: #fff !important;
}

.portlet-blogs-aggregator .blog-content + .text-left a {
  background: #081f36 !important;
  color: #fff !important;
  display: inline-block;
  margin-bottom: 17px;
  padding: 7px 10px;
  text-decoration: none;
  border-radius: 0px;
  font-size: 14px;
}

/**NS Connect modification end**/
body header .field-wrapper {
  position: absolute;
  right: 4px;
  top: 2px;
}
body header .field-wrapper a {
  color: #fff;
}
body header .field-wrapper,
body header .form-group {
  margin-bottom: 0;
}
body header .portlet {
  margin-bottom: 0;
}
body header .portlet:hover {
  z-index: 1034;
}
body header .search-input {
  font-size: 0.88rem;
  padding: 0.28rem 2rem 0.28rem 1rem;
}
body header .text-default {
  color: #6b6c7e;
  font-weight: 600;
}
body header .user-personal-bar .fieldset {
  position: relative;
}
body header .user-personal-bar .user-avatar-link .panel-notifications-count {
  right: calc(100% - 0.75rem);
  top: -0.35rem;
}
body .user-avatar-link {
  display: block;
  position: relative;
}
body .user-avatar-link .panel-notifications-count {
  margin: 0;
  position: absolute;
  right: calc(100% - 0.7rem);
  top: -0.4rem;
}
body .user-avatar-link .text-default {
  align-items: center;
  display: flex;
}
body .user-avatar-link .text-default .user-full-name {
  margin-left: 0.5rem;
}
@media (max-width: 575.98px) {
  body .user-avatar-link .text-default .user-full-name {
    display: none;
  }
}

@media (min-width: 576px) {
  .btn-group + .info-panel {
    top: auto;
  }
}

#footer {
  background-color: #30313f;
  color: #fff;
  margin-top: 1rem;
}
#footer > .container {
  padding-bottom: 3rem;
  padding-top: 3rem;
}