@import url(accordion.css?t=1647519166138);
.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); }

.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: 3rem; }

.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.open > .portlet-topper, .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%); } }

@media (min-width: 576px) {
  .portlet.open > .portlet-content-editable, .portlet:hover > .portlet-content-editable, .portlet.focus > .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;
  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: 2px 2px 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; }

.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; } }

.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); }

.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%; } }

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; }

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

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

/* For Club dark blue color */
/* Media Query */
/* Member Roaster & New Member Setting  */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* For teeShett Time Fonts and Reservation Button Padding */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* New Template Color Combination Varibale  */
/* Media Query  */
/* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */
/* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */
/* Teetime Color Configuration */
.btn.btn-primary {
  background-color: #050a2d !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: transparent; }

.stmt-pmnt-btn {
  background: #666666 !important; }

.ui-area-btn-primary {
  background-color: #050a2d !important;
  color: #ffffff !important;
  text-decoration: none !important; }

.ui-area-btn-primary:hover {
  background-color: #383d60 !important;
  /*     color: $dark-fontColor !important; */ }

.ui-area-btn-secondry {
  background-color: #060c38 !important;
  color: #ffffff !important; }

.ui-area-btn-secondry:hover {
  background-color: #383d60 !important;
  /*      color: $dark-fontColor !important; */ }

.ui-area-btn-previous {
  background-color: #383d60 !important;
  color: #ffffff !important; }

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

.ui-area-btn-statement {
  background-color: #383d60 !important;
  color: #ffffff !important; }

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

.ui-area-btn-statement-active {
  background-color: #050a2d !important;
  color: #ffffff !important; }

.ui-area-btn-next {
  background-color: #383d60 !important;
  color: #ffffff !important; }

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

.ui-area-btn-success {
  background-color: #060c38 !important;
  color: #ffffff !important; }

.ui-area-btn-success:hover {
  background-color: #383d60 !important;
  color: #ffffff !important; }

.ui-area-btn-danger {
  background-color: #f1331e !important;
  color: #ffffff !important; }

.ui-area-btn-danger:hover {
  background-color: #9c1202 !important;
  color: #ffffff !important; }

.ui-area-btn-make-payment {
  background-color: #050a2d !important;
  color: #ffffff !important; }

.ui-area-btn-make-payment:hover {
  background-color: #383d60 !important;
  color: #ffffff !important; }

.ui-area-btn-warning {
  background-color: #f1331e !important;
  color: #ffffff !important; }

.ui-area-btn-warning:hover {
  background-color: #9c1202 !important; }

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

.ui-area-btn-inverse {
  background-color: #6a6d88 !important;
  color: #000000 !important; }

.ui-area-btn-info {
  background-color: #383d60 !important;
  color: #ffffff !important; }

.ui-area-btn-info:hover {
  background-color: #000 !important;
  /*     color: $Light-fontColor !important; */ }

.ui-area-btn-print {
  background-color: #040827 !important;
  color: #ffffff !important; }

.ui-area-btn-print:hover {
  background-color: #383d60 !important;
  /*     color: $Light-fontColor !important; */ }

.stmt-print-button {
  background-color: #040827 !important;
  color: #ffffff !important; }

.stmt-print-button:hover {
  background-color: #383d60 !important;
  /*     color: $Light-fontColor !important; */ }

.ui-area-btn-campaign-on {
  background-color: #cdced7 !important;
  color: #ffffff !important; }

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

.aui .btn {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0) !important; }

.aui .btn {
  margin: 2px !important;
  border: none !important; }

.ui-area-btn, .events-cal-link {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #f1f1f1;
  background-image: none !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: inherit !important;
  margin-bottom: 5px;
  padding: 6px 10px;
  text-align: center;
  /*   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */
  vertical-align: middle;
  border: 0 !important;
  border-radius: 2px !important;
  /*  min-width: 70px !important; */ }

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

.tabButton {
  background-color: #6a6d88;
  border: medium none;
  color: #ffffff;
  margin: 0 !important; }

.textfieldsbt2 {
  background-color: #6a6d88;
  border: medium none black;
  color: #ffffff; }

.events-cal-link {
  background-color: #050a2d !important;
  color: #ffffff !important; }

.events-cal-link:hover {
  background-color: #6a6d88 !important;
  color: #ffffff !important; }

@media (max-width: 768px) {
  td {
    font-size: 14px !important; } }

.ui-state-disabled {
  cursor: not-allowed !important; }

.ui_tpicker_hour .ui_tpicker_hour_slider span {
  background: #060c38 !important; }

.ui_tpicker_minute .ui_tpicker_minute_slider span {
  background: #060c38 !important; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: -1px; }

.ui-dialog-titlebar .ui-icon-closethick {
  background-color: #fff;
  border-radius: 0px; }

.ui-selectonemenu-items-wrapper {
  max-height: 250px !important;
  /*   max-width: 275px !important; */
  overflow-x: hidden !important; }

.ui-slider .ui-slider-handle {
  border-radius: 10px !important;
  margin-top: 0px !important; }

/* .ui-widget-header .ui-icon {
  background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
} */
.ui-datepicker-header .ui-state-hover {
  background: #383d60 !important; }

.ui-datepicker .ui-datepicker-next-hover {
  top: -1px !important; }

.ui-datepicker .ui-datepicker-pre-hover {
  top: -1px !important; }

.grid {
  text-align: left !important; }

/* CALENDAR STYLE  */
#ui-datepicker-div .ui-datepicker-header {
  background: #666666 !important; }

#ui-datepicker-div .ui-state-active {
  background: #060c38 !important;
  color: #ffffff !important; }

/* CUSTOM FIXES START */
.ui-button-icon-only .ui-icon {
  left: 48% !important;
  /* top: 13px !important; */ }

.mp-dialog-grid .upload-image .ui-corner-all {
  margin-top: 0; }

.ui-widget-header {
  background-color: transparent;
  background-image: none;
  border: medium none; }

#ui-area .ui-paginator .ui-state-active {
  background: #000 !important;
  color: #ffffff;
  box-shadow: none !important; }

button.ui-datepicker-trigger.ui-button {
  padding: 0px 0;
  margin-top: -4px;
  /* height: 31px; */ }

#ui-area .MemberProfile-portlet .mp-dn-heading {
  padding: 0 0 0 0px;
  font-size: 20px !important;
  text-transform: capitalize !important;
  text-align: left !important;
  line-height: 30px !important; }

.MemberProfile-portlet .mp-email {
  padding: 4px 0 6px 0px !important;
  display: inline-block; }

.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.text-right {
  text-align: right; }

.header-title {
  font-size: 24px !important;
  display: inline-block !important;
  padding-bottom: 20px !important; }

.taglib-social-bookmark-twitter {
  top: 3px;
  position: relative; }

.portlet-blogs .entry-date {
  color: #666666 !important;
  font-size: 18px;
  margin-bottom: 5px; }

@media screen and (min-width: 980px) and (max-width: 1199px) {
  button.ui-datepicker-trigger.ui-button {
    padding: 0px 0 4px; } }

/* CUSTOM FIXES END */
/* MEMBER PROFILE START */
.mp-dialog-grid .upload-image .ui-fileupload-buttonbar {
  background: transparent !important; }

.mp-main-grid .ui-panelgrid .ui-panelgrid-header {
  margin-bottom: 10px; }

.mp-main-grid .ui-widget-header {
  background-color: transparent;
  color: #666666 !important;
  font-size: 26px !important;
  margin-bottom: 20px !important;
  padding: 0;
  text-align: left; }

.panelPopup-header-icon-container + h1 {
  background-color: #050a2d !important;
  border-radius: 5px;
  color: #ffffff !important;
  font-size: 20px !important;
  margin: 0 0 7px !important;
  padding: 7px 8px;
  text-transform: none !important;
  font-family: "Montserrat", sans-serif !important; }

#ui-area .panelPopup-wraper .panelPopup-header h2 {
  background-color: #050a2d !important;
  border-radius: 5px;
  color: #ffffff !important;
  font-size: 20px;
  margin: 0 0 7px !important;
  padding: 7px 8px;
  text-transform: none; }

.ui-dialog-titlebar {
  background-color: #050a2d;
  padding: 8px 7px; }

.ui-dialog-titlebar span {
  color: #ffffff !important;
  font-size: 20px; }

.MemberProfile-portlet .ui-dialog .ui-widget-header .ui-dialog-titlebar-close {
  margin-top: 2px; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45% !important;
  margin: 0 3px;
  padding: 0 0px !important; }

#ui-datepicker-div .ui-state-default {
  border: 1px solid #cccccc;
  color: #666666;
  font-weight: bold;
  text-align: center; }

#ui-datepicker-div .ui-datepicker .ui-datepicker-current-day .ui-state-highlight,
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
  background: #efefef none repeat scroll 0 0 !important; }

.MemberProfile-portlet .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
  padding: 2px 0; }

#ui-area .MemberProfile-portlet .ui-calendar.date-of-birth button.ui-datepicker-trigger.ui-button {
  /*     margin-top: 0px !important;
	height: 36px !important; */
  margin-right: -6px !important; }

/* MEMBER PROFILE END */
/* ADDRESS START */
.Addresses-portlet .ui-tabs-nav {
  padding: 0 !important; }

.ChangePassword-portlet .ui-password {
  width: 90%; }

@media screen and (min-width: 220px) and (max-width: 767px) {
  .ChangePassword-portlet .ui-password {
    width: 100%; } }

/* ADDRESS END */
/* MY SETTING START */
.MySettings-portlet .ui-widget-header {
  background: #050a2d !important; }

/* MY SETTING END */
/* STATEMENT START */
.StatementSummary-portlet .ui-dialog-content .rc-icon {
  color: #ffffff !important;
  margin-top: 12px; }

#ui-area .portlet-borderless-container .table-striped a {
  /* color: $dropdownlinkclrhoverbg !important; */
  text-decoration: underline; }
  #ui-area .portlet-borderless-container .table-striped a.btn.btn-primary {
    color: #ffffff !important; }

.StatementSummary-portlet .ui-datatable-tablewrapper .ui-column-title {
  margin: 0 !important;
  padding: 0 !important; }

.StatementSummary-portlet .ui-datatable-footer {
  text-align: left; }

/* STATEMENT END */
/* ACCOUNT SUMMARY START */
.RecentCharges-portlet .ui-dialog-content .rc-icon {
  color: #ffffff !important;
  margin-top: 14px !important; }

.RecentCharges-portlet .ui-panel-titlebar {
  background: #666666; }

.RecentCharges-portlet .ui-panel-titlebar .ui-state-default {
  background-color: #ffffff !important; }

.RecentCharges-portlet .label-long-primary {
  padding: 10px 0; }

.label-long-primary a span {
  text-decoration: underline !important; }

/* ACCOUNT SUMMARY END */
/*CREDIT BOOK START */
.CreditBook-portlet .ui-dialog-content {
  color: #050a2d !important;
  margin-top: 9px; }

/*CREDIT BOOK END */
/* MAKE PAYMENT START */
.MakePayment-portlet .label-long-primary {
  padding: 10px 0 !important; }

.MakePayment-portlet .ui-widget-header {
  background-color: #050a2d !important;
  padding: 7px 8px; }

/* MAKE PAYMENT END  */
/* DEPENDENTS FIXING */
.componentBox {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  width: 420px;
  z-index: 9999;
  margin: 0 auto; }

div#loadingOverlay {
  background-color: rgba(0, 0, 0, 0.88) !important;
  height: 100% !important;
  width: 100% !important;
  position: fixed !important;
  /*  display: block !important; */
  /* z-index: 9999999; */
  opacity: 1 !important; }

/* END: DEPENDENTS FIXING */
/* CALENDAR FIXING */
.yui3-skin-sam .calendar-portlet .yui3-calendar-day.lfr-current-day {
  background-color: #050a2d !important;
  color: #ffffff !important; }

.yui3-skin-sam .calendar-portlet .yui3-calendar-day {
  padding: 5px 0 5px !important; }

/* END: CALENDAR FIXING */
/* MAKE PAYMENT FIXING */
.pmnt-main-div .ui-commandlink {
  text-decoration: underline;
  margin: 10px 0 !important; }

.aui label,
.aui input,
.aui button,
.aui select,
.aui textarea {
  line-height: 24px !important; }

/* .pmnt-btn{
  background-color:$makepayment-bg !important;
  transition: 0.5s all ease;
} */
.pmnt-btn:hover {
  background-color: #383d60 !important; }

/* END: MAKE PAYMENT FIXING */
/* MEMBER INTERESTS FIXING */
.aui .table td {
  background-color: #fff; }

.ui-datagrid .ui-datagrid-header {
  background: #050a2d !important; }

/* END: MEMBER INTERESTS FIXING */
/* ADDRESSES FIXING */
.ui-tabs .ui-tabs-panel {
  padding: 10px 0; }

/* END: ADDRESSES FIXING */
/* EDIT PROFILE LABEL FIXING */
.ui-dialog .ui-dialog-title {
  margin: 0 !important;
  color: #ffffff !important;
  text-transform: uppercase;
  display: inline-block !important;
  float: none !important;
  font-size: 20px !important;
  line-height: 24px !important;
  font-family: "Montserrat", sans-serif !important;
  text-align: left; }

.mp-value-text {
  display: inline-block;
  margin: 2px 0 0 0; }

.col-head .mp-value-text {
  margin: 0 5px; }

@media only screen and (min-width: 980px) {
  .hasDatepicker {
    width: 235px !important; } }

/* END: EDIT PROFILE LABEL FIXING */
/* PRIMEFACES ADDRESSES TAB FIXING */
.ui-tabs .ui-tabs-nav li {
  margin: 0 0.2em 1px 0 !important; }

/* .ui-tabs .ui-widget-header {
  background-color: transparent !important;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #9e9e9e !important;
} */
.ui-tabs-nav .ui-tabs-selected a {
  color: #fff !important;
  text-shadow: none; }

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
  border-bottom: 0;
  background-color: #050a2d !important;
  text-shadow: none !important;
  transition: all 0.3s ease-in-out 0s !important; }

/* END: PRIMEFACES ADDRESSES TAB FIXING */
/* PRIMEFACES STATEMENT FIXING */
.stmt-label {
  margin: 18px 0 0 0; }

.label-long-primary {
  background-color: #666666;
  color: #fff;
  line-height: inherit !important;
  margin: 1px 0 5px; }

/* END: PRIMEFACES STATEMENT FIXING */
/* PRIMEFACES MEMBER ROSTER */
.roster-profile-email a {
  color: #000; }

.roster-profile-email a:hover {
  color: #000000;
  text-decoration: none; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #050a2d !important;
  background-image: none !important;
  border: medium none !important;
  color: #fff !important; }

.roster-name {
  color: black !important;
  font-weight: bold !important;
  margin: 10px 0 !important;
  display: block; }

/* END: PRIMEFACES MEMBER ROSTER */
.ui-corner-all {
  border-radius: 0 !important; }

.ui-state-hover {
  font-weight: normal !important; }

.ui-widget-header .ui-state-hover {
  background-image: none !important;
  background-color: #fff !important;
  /*     border: none !important; */ }

.aui body {
  color: #666666;
  font-family: "Montserrat", sans-serif !important;
  font-size: 18px !important;
  font-weight: normal !important;
  letter-spacing: inherit;
  padding: 0;
  background: #ffffff; }

.ui-widget {
  font-size: 18px !important;
  font-family: "Montserrat", sans-serif !important; }

#ui-area,
label,
.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 {
  font-size: 18px !important;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  /*  width: auto; */ }

.card-tableRow1 td,
.card-tableRow2 td,
.card-tableRow3 td,
.card-tableRow4 td {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

.modal-body h1 {
  background-color: #00572e !important;
  border-radius: 5px;
  color: #fff !important;
  font-size: 23px !important;
  margin: 0 !important;
  padding: 7px 8px; }

.table-responsive a {
  color: #060c38 !important;
  text-decoration: underline; }

.aui .table thead th {
  background: #666666 !important;
  color: #fff;
  font-weight: 700;
  vertical-align: middle;
  text-align: center; }

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

@media screen and (min-width: 220px) and (max-width: 980px) {
  .aui .table thead th {
    font-size: 13px !important; } }

.ui-icon-triangle-1-s {
  background-position: -64px -12px !important; }

.aui .table-bordered {
  margin: 5px 0; }

#ui-area .table-striped tbody > tr:nth-child(even) > td,
#ui-area .table-striped tbody > tr:nth-child(even) > th {
  background-color: #eaecec; }

#ui-area .table-striped tbody > tr:nth-child(odd) > td,
#ui-area .table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.aui dt {
  font-weight: normal !important; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  /* border: 1px solid #a8a8a8; */
  font-weight: normal !important;
  text-align: left;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0) !important; }

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

.heading-position span {
  float: right;
  width: 100%; }

.stmt-table th {
  text-align: center !important; }

.aui .label,
.aui .badge {
  font-weight: normal !important;
  padding: 6px; }

.label-custom {
  background-color: #040827 !important; }

.label-info {
  background-color: #666666 !important;
  color: #ffffff !important;
  border: none !important; }

.aui .label-success {
  background-color: #060c38 !important;
  font-size: 18px !important; }

.ui-widget-header {
  font-size: 18px !important;
  font-weight: normal !important;
  /* margin: 10px 0 30px; */
  color: #ffffff !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0) !important; }

.ui-corner-all {
  margin-top: 3px; }

.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
  font-size: 18px !important;
  color: #666666 !important; }

.ui-paginator-next,
.ui-paginator-first {
  background-color: #ccc !important; }

/* mobilet-table-table-scroll-start */
.table-scroll {
  overflow: auto;
  width: 100%; }

.table-scroll .table {
  overflow: scroll !important; }

.table-scroll table th {
  background-color: #094ca2 !important;
  border: 1px solid #dddddd !important;
  color: #fff; }

/* mobilet-table-table-scroll-start */
.info-bar-right {
  float: right;
  color: #ffffff; }

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

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
  border: 1px dotted #E7E7ED !important; }

.aui .table-bordered {
  border: 1px dotted rgba(153, 153, 153, 0.54) !important; }

.rec-pay-bar,
.curr-amo-bar,
.rec-char-bar,
.curr-bal-bar {
  padding: 10px 0; }

.rec-pay-bar {
  background-color: #666666;
  color: #ffffff; }

.curr-amo-bar {
  background-color: #f1331e; }

.rec-char-bar {
  background-color: #666666; }

.curr-bal-bar {
  background-color: #f1331e; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #000;
  font-weight: bold;
  color: #1c4257;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }

.text-bold {
  font-weight: bold; }

.aui label {
  cursor: default !important;
  font-weight: normal !important; }

/* start search portlet classes */
.member-landing-wrapper input#_77_search {
  background-color: #666666;
  padding: 12px 15px 12px;
  border-radius: 0 5px 5px 0;
  margin: 0px 0 0 -5px;
  cursor: pointer !important; }

.member-landing-wrapper input#_77_keywords {
  border-radius: 5px 0 0 5px;
  padding: 6px 6px 6px 6px; }

input#_77_search {
  /*     height: 20px; */
  margin: 0; }

input#_77_search:hover {
  background-color: #560a0e;
  color: #fff;
  transition: all 0.9s ease 0s; }

.portlet-journal-content-search .search-results a {
  font-size: 14px !important; }

.portlet-journal-content-search .search-results {
  margin-top: 3px !important; }

.search-wrapper-home #_77_keywords {
  line-height: 20px !important;
  padding: 7px 10px !important; }

.portlet-journal-content-search input#_77_keywords {
  height: 30px;
  margin-bottom: 0; }

/* end search portlet classes  */
/* documents and media portlet */
.portlet-image-gallery-display .image-icon,
.portlet-image-gallery-display .folder-icon {
  height: 200px !important; }

.portlet-image-gallery-display .image-title,
.portlet-image-gallery-display .folder-title {
  font-size: 14px !important;
  font-weight: 400;
  margin-bottom: 20px !important; }

.portlet-image-gallery-display .clearfix.lfr-pagination {
  margin-top: 20px !important; }

@media screen and (min-width: 220px) and (max-width: 979px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    float: left;
    width: 45% !important;
    margin: 0 auto !important; } }

/* end documents and media portlet */
.icon-circle-arrow-left {
  padding-right: 2px !important; }

.ui-widget-content + .ui-dialog-footer {
  padding: 0.4em 1em !important; }

@media only screen and (max-device-width: 500px) and (min-device-width: 200px) {
  .backward-controls {
    margin-bottom: 5px; }
  .forward-controls {
    margin-top: 5px; } }

@media only screen and (max-device-width: 980px) and (min-device-width: 768px) {
  .RecentCharges-portlet .ui-column-title {
    font-size: 14px !important; }
  .horizontal-dates .calendar-year {
    font-size: 13px !important; } }

.scheduler-view-agenda-container {
  margin: 20px !important; }

.scheduler-view-scrollable {
  overflow-y: auto !important;
  max-height: 850px; }

/*  start 200px to 667px  */
@media screen and (min-width: 200px) and (max-width: 767px) {
  /* revolution slider arrow hide on mobile */
  .tparrows {
    display: none !important; } }

/* MySettings-portlet class */
.MySettings-portlet .ui-chkbox.ui-widget {
  margin-right: 3px !important; }

/* end MySettings-portlet class */
.aui a:hover,
.aui a:active,
.aui a:focus {
  outline: 0 !important;
  transition: all 0.3s linear 0s !important; }

/* gallery class for admin preferences */
.gallery-portlet .pnlPresets a {
  color: #ffffff !important; }

/* end gallery class for admin preferences */
.aui form {
  margin: 0px; }

/* statement Pagination fontsize */
#ui-area .ui-paginator .ui-state-default {
  font-size: 12px !important; }

#ui-area .StatementSummary-portlet .label-custom {
  line-height: 20px !important;
  display: block; }

#ui-area .table-striped td {
  padding-bottom: 10px !important; }

/* Font change input button select textarea */
.aui input,
.aui button,
.aui select,
.aui textarea {
  font-family: "Montserrat", sans-serif !important; }

/* Font color change input select textarea and input Field */
.ui-inputfield,
.ui-widget-content {
  color: #000000 !important; }

/* Calendar Portlet input field font increase */
.calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow input#_1_WAR_calendarportlet_txtSearchEvent {
  font-size: 14px !important; }

/* MemberRoster Portlet left side label bold to normal */
.MemberRoster-portlet {
  /* MemberRoster remove alphabets text shadow */ }
  .MemberRoster-portlet .vmi-grid tr .vmi-even-col {
    font-weight: normal !important; }
  .MemberRoster-portlet .roster-search-alphabet-container .active {
    text-shadow: none !important; }

/* DiningReservation Portlet padding bottom fixed */
.DiningReservation-portlet .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
  padding: 5px 6px !important; }

.DiningReservation-portlet button.ui-datepicker-trigger.ui-button {
  height: 36px !important; }

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #ui-area {
    /* Statement Summary makepayment and print button padding adjust ipad landscape view */
    /* Activity Portlet adjust margin ipad landscape view */ }
    #ui-area .StatementSummary-portlet .stmt-print-button,
    #ui-area .StatementSummary-portlet .stmt-pmnt-btn {
      padding: 10px 7px !important; }
    #ui-area .StatementSummary-portlet .aui .table td {
      padding: 7px !important; }
    #ui-area .StatementSummary-portlet .label-custom {
      font-size: 14px !important; }
    #ui-area .activities-portlet span.current-time {
      margin: 0 5px 4px !important; }
    #ui-area .activities-portlet .btn-legend {
      text-transform: capitalize !important; }
  /*Dining Reservation input padding */
  .DiningReservation-portlet .ui-widget-content {
    font-size: 14px; } }

@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area {
    /* Credit Card Table border top and bottom */
    /* DiningReservation portlet dropdown height and input height calendar icon */
    /* MemberProfile and Addresses portlet dropdown height */
    /* MakePayment portlet amount vertiocal align fixed */ }
    #ui-area .ui-datatable-tablewrapper {
      border-top: 1px solid #ccc !important;
      border-bottom: 1px solid #ccc !important; }
      #ui-area .ui-datatable-tablewrapper span.ui-column-title {
        padding: 5px 10px !important; }
      #ui-area .ui-datatable-tablewrapper td a.cancel-trash {
        padding: 0 5px 0 0px !important; }
    #ui-area .DiningReservation-portlet .ui-button-icon-only .ui-icon {
      top: 14px !important; }
    #ui-area .DiningReservation-portlet .ui-state-default label {
      line-height: 30px !important; }
    #ui-area .MemberProfile-portlet label.ui-selectonemenu-label,
    #ui-area .Addresses-portlet label.ui-selectonemenu-label {
      margin: 2px 0 3px 0 !important; }
    #ui-area .MakePayment-portlet .pmnt-main-div input {
      margin-bottom: 1px !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* Profile portlet label font size for ipad portrait and iphone */
  #ui-area .MemberProfile-portlet .ui-calendar.date-of-birth button.ui-datepicker-trigger.ui-button {
    width: 7%; }
  #ui-area .DiningReservation-portlet .ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
    /* width: 14%; */ }
  #ui-area .DiningReservation-portlet .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    height: auto !important; } }

@media screen and (min-width: 220px) and (max-width: 768px) {
  /* Heading Labels font size for mobile ipad portrait and iphone */
  .aui .label-success {
    font-size: 14px !important; }
  /* My Settings Widget Header font size for ipad portrait and iphone */
  .ui-widget-header {
    font-size: 14px !important; }
  /* Profile portlet label font size for ipad portrait and iphone */
  .MemberProfile-portlet .mp-grid-col label {
    font-size: 14px !important; }
  /* Credit Card padding and table background Color ipad portrait and iphone */
  .CreditCard-portlet .ui-datatable-tablewrapper {
    padding: 0 5px !important;
    background-color: #f4f5fa !important; }
  /* Input Fields and dropdown height padding ipad portrait and iphone */
  .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: 2px; }
  /* Input and Labels font size for mobile ipad portrait and iphone */
  #ui-area,
  label,
  .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 {
    font-size: 14px !important; }
  /* Input Labels and dropdown font size for mobile ipad portrait and iphone */
  .aui label,
  .aui select,
  .aui button,
  .aui input[type="button"],
  .aui input[type="reset"],
  .aui input[type="submit"],
  .aui input[type="radio"],
  .aui input[type="checkbox"] {
    font-size: 14px !important; }
  /* Labels Heading font size for mobile ipad portrait and iphone */
  .ui-widget {
    font-size: 14px !important; }
  /* ACH Portlet mobile padding ipad portrait and iphone */
  .ACHAccount-portlet .update-ach-status-btn span.ui-button-text.ui-c {
    padding: 5px 5px !important; }
  /* Statement Summary mobile padding background color ipad portrait and iphone */
  .StatementSummary-portlet .ui-datatable-tablewrapper table {
    background-color: #f5f6f6 !important; }
  .StatementSummary-portlet .ui-datatable-tablewrapper ui-column-title {
    padding: 0 0px 0 5px !important; }
  .StatementSummary-portlet .ui-datatable-tablewrapper .amount-position {
    padding: 0 5px 0 0px !important; }
  .StatementSummary-portlet .stmt-print-button,
  .StatementSummary-portlet .stmt-pmnt-btn {
    font-size: 14px !important;
    padding: 10px 7px !important; }
  .StatementSummary-portlet .label-custom {
    font-size: 14px !important; }
  /* Form designer mobile margin for display catche refresh image ipad portrait and iphone */
  .form-designer-portlet .ui-commandlink img {
    margin: 0 0 10px 0 !important; }
  /* Activity Portlet adjust margin ipad landscape view */
  #ui-area .activities-portlet .btn-legend {
    text-transform: capitalize !important; }
  #ui-area .activities-portlet .activity-header {
    box-shadow: none !important; }
  /* Member Reservation view padding adjust */
  .MemberReservations-portlet .ui-grid-responsive .ui-grid-row .ui-panelgrid-cell {
    padding: 5px !important; }
  .MemberReservations-portlet .ui-datatable-tablewrapper table tr.mr-row-expand td {
    padding: 5px !important; }
  /* Statement Summary font adjust */
  .info-bar-right,
  .info-bar-left {
    font-size: 14px !important; }
  #ui-area {
    /* Interest portlet edit view input text width adjust ipad portrait view */ }
    #ui-area .MemberInterests-portlet .ui-inputtext {
      width: 73% !important; }
    #ui-area .MemberInterests-portlet .interest-inputtextarea-field {
      width: auto !important; } }

/* MT#0248607: Multiple Reservation Support in Activity Module-UI Changes */
@media only screen and (min-width: 1025px) {
  .activity-res-detail-dialog {
    width: 30% !important;
    left: 35% !important;
    position: fixed !important;
    top: 22% !important; }
  .info-cont {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px; } }

@media only screen and (max-width: 320px) {
  .icon-container .using-resources {
    padding-top: 5px; } }

.available {
  color: green; }

.full {
  color: red; }

.btn-add {
  color: #ffffff !important;
  font-size: 15px !important;
  text-shadow: none !important;
  border-radius: 2px !important;
  padding: 5px;
  border: 1px solid #000000;
  background-color: red;
  vertical-align: -webkit-baseline-middle; }

.add-btn-cont {
  margin: 5px; }

.available-cont {
  text-align: left !important; }

.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: #ffffff; }

.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; }

/* Event Reservation Screen Color and Button margin */
@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .eventsReservation-portlet .er-alert-btns-container .p-btn {
    margin: 0px 0 5px 0 !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #ui-area .eventsReservation-portlet .er-alert-btns-container .p-btn {
    margin: 0px 0 5px 5px !important; } }

#ui-area .eventsReservation-portlet .er-attendee-row-normal-odd {
  color: #ffffff !important; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #ui-area .eventsReservation-portlet .p-btn {
    margin-bottom: 0px !important;
    margin-top: 0 !important; } }

/* Tee Time Button margin */
#ui-area .teetime-webservice .ui-area-btn, #ui-area .teetime-webservice .events-cal-link {
  margin-bottom: 0 !important; }

/* Announcement scroll bar remove */
.ui-confirm-dialog.delete-popup-scroll {
  overflow: hidden !important; }

/* MT#0262928: Issues appeared during New Club Sanity of White Manor Country Club - UI */
.mp-update-delete-popup {
  overflow: hidden !important; }

#ui-area .teetime-webservice .ui-area-btn.create-btn-sp, #ui-area .teetime-webservice .create-btn-sp.events-cal-link {
  padding: 0.57em 0.5em !important;
  margin-top: 3px !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #_1_WAR_calendarportlet_advanceSearch input {
    width: 100% !important;
    height: 100% !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; }
  .hidden-md {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-tablet {
    display: inherit !important; }
  .hidden-tablet {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-phone {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; } }

@media (min-width: 200px) and (max-width: 400px) {
  .space-close {
    display: none !important; } }

@media (min-width: 560px) and (max-width: 750px) {
  .space-close {
    display: inherit !important; } }

@media (min-width: 801px) {
  .space-close {
    display: none !important; } }

@media (min-width: 641px) {
  .seperator-datatable {
    display: none; } }

.mobile-icon {
  margin-bottom: 23px;
  margin-top: 32px;
  width: 30%; }

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

.mobile-icon a:hover {
  color: #ffffff;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  background-color: #060c38; }

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

/* #ui-datepicker-div .ui-datepicker-header {
   background: $secondry-bg !important; 
}
*/
.mp-grid-col label {
  font-size: 18px !important; }

.mp-grid-col input {
  font-size: 18px !important; }

.aui {
  font-family: "Montserrat", sans-serif; }

/* 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: 14px; }
  .ui-datatable-even {
    font-size: 14px; }
  .ui-datatable-odd {
    font-size: 14px; }
  .ui-datatable tbody td {
    padding: 4px 1px 4px 1px !important; }
  td {
    font-size: 14px !important; }
  .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text {
    font-size: 14px; }
  .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: 14px; }
  th {
    font-size: 14px;
    text-align: center !important; }
  .aui label {
    font-size: 14px; }
  .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    font-size: 14px; }
  .aui h1 {
    font-size: 25px; }
  .aui h3 {
    font-size: 18px; }
  .main-label {
    font-size: 14px; }
  .ui-datatable-tablewrapper {
    border-left: 1px solid #E7E7ED;
    border-right: 1px solid #E7E7ED; }
  .col-amount {
    text-align: left !important; }
  .col-right {
    float: right; }
  .ui-outputlabel.ui-widget {
    font-size: 14px; }
  .ui-chkbox-label {
    font-size: 14px; }
  .ui-selectlistbox-item.ui-corner-all {
    font-size: 14px; }
  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: 14px; }
  .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    font-size: 14px; } }

/* 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: 9%; } }

@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: 14px !important; }
  th, table {
    font-size: 14px !important; }
  .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; }
  .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: 14px; }
  .hasDatepicker {
    width: 80% !important; }
  .ui-calendar input {
    height: auto !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 {
    max-width: 270px; }
  .ui-fluid .ui-selectonemenu {
    max-width: 270px;
    width: 100% !important;
    min-width: auto !important; }
  .ui-fluid .ui-selectcheckboxmenu {
    max-width: 270px; }
  .ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
    max-width: 235px; }
  .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: #ffffff;
  border: 0px !important;
  padding: 1px; }

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

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

.box {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  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: #ffffff; }

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

.ui-dialog-title {
  color: #ffffff !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: #000000 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  background-color: #ffffff;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 3px 26px 3px 5px; }

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

/*Added on 10-12-2015*/
.ui-icon-circle-close {
  background-position: -32px -192px !important;
  background-color: black; }

.ui-datagrid-content-empty {
  background-color: #f1331e !important;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !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: #060c38 !important;
  color: #ffffff;
  font-weight: 700;
  vertical-align: middle;
  text-align: center; }

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

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

.distant {
  margin-right: 5px; }

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

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

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

.responsive-image {
  height: 80px !important;
  width: 75px;
  padding: .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: #f1331e;
  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: default;
  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;
    margin-bottom: 2px !important;
    width: 100%; } }

.ui-datalist-item {
  font-weight: 100 !important; }

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

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

.RecentCharges-portlet .rc-icon {
  color: #000000 !important; }

.aui label {
  cursor: context-menu; }

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

.info-bar-left {
  margin-left: 10px;
  color: #ffffff !important; }

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

.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;
}
th, th.ui-state-default {
    background-color: black !important;
    color: white !important;
    text-shadow: none !important;
}
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 */
.even-row {
  background-color: #eaecec;
  height: 35px; }

.odd-row {
  background-color: #f9f9f9;
  height: 35px;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff; }

.odd-col {
  padding: 8px; }

.even-col {
  padding: 8px; }

.grid {
  width: 100%; }

.all-header {
  background-color: #060c38 !important;
  color: #ffffff;
  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 #E7E7ED !important;
  border-radius: 0.25rem !important; }

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

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

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

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

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

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

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

/* .aui .table td { */
/*     background-color: #f1f1f3 !important; */
/* } */
/* End */
#ui-area h1, .events-list-portlet .heading-black, .cke_editable h1 {
  font-size: 48px;
  font-family: "Montserrat", sans-serif;
  color: #b49f29;
  text-transform: none;
  margin: 0px 0 20px;
  line-height: normal;
  padding: 0px 0 5px 0;
  font-weight: 500; }

#ui-area h2, .heading-black, .cke_editable h2 {
  font-size: 34px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
  line-height: normal;
  margin-bottom: 20px;
  text-transform: none; }

#ui-area h3, .cke_editable h3 {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
  margin-bottom: 20px; }

#ui-area h4, .cke_editable h4 {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: none; }

#ui-area h5, .cke_editable h5 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
  line-height: normal;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-transform: none; }

#ui-area h6, .cke_editable h6 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  color: #000000;
  line-height: normal;
  text-transform: none; }

#ui-area p, .cke_editable p {
  color: #666666;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  margin: 0 0 25px;
  font-weight: 300; }
  #ui-area p a, .cke_editable p a {
    font-family: "Montserrat", sans-serif;
    color: #060c38;
    font-weight: 500;
    text-decoration: underline;
    transition: all 0.3s ease-in-out 0s; }
    #ui-area p a:hover, #ui-area p a:active, #ui-area p a:focus, .cke_editable p a:hover, .cke_editable p a:active, .cke_editable p a:focus {
      color: #b49f29;
      transition: all 0.3s ease-in-out 0s;
      text-decoration: underline !important; }
    #ui-area p a.btn-primary, .cke_editable p a.btn-primary {
      color: #b49f29 !important;
      font-style: inherit;
      text-decoration: none;
      font-size: 18px !important;
      text-transform: none;
      background-color: #ffffff !important;
      padding: 5px 15px;
      box-shadow: none !important;
      transition: all 0.3s ease-in-out 0s;
      margin-bottom: 10px !important;
      font-family: "Poppins", sans-serif;
      text-shadow: none !important;
      border-radius: 4px;
      border: 2px solid #060c38 !important; }
      #ui-area p a.btn-primary:hover, #ui-area p a.btn-primary:active, #ui-area p a.btn-primary:focus, .cke_editable p a.btn-primary:hover, .cke_editable p a.btn-primary:active, .cke_editable p a.btn-primary:focus {
        background: #060c38 !important;
        transition: all 0.3s ease-in-out 0s;
        color: #ffffff !important;
        text-decoration: none !important; }
      @media screen and (max-width: 979px) and (min-width: 220px) {
        #ui-area p a.btn-primary, .cke_editable p a.btn-primary {
          font-size: 14px !important; } }

#ui-area ul li, .cke_editable ul li, #ui-area ol li, .cke_editable ol li {
  color: #666666;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  padding: 0px 0 0px 0;
  margin: 0px 0 0px 0;
  line-height: 30px;
  font-weight: 300; }
  #ui-area ul li a, .cke_editable ul li a, #ui-area ol li a, .cke_editable ol li a {
    font-family: "Montserrat", sans-serif;
    color: #060c38;
    font-weight: 500;
    transition: all 0.3s ease-in-out 0s; }
    #ui-area ul li a:hover, #ui-area ul li a:active, #ui-area ul li a:focus, .cke_editable ul li a:hover, .cke_editable ul li a:active, .cke_editable ul li a:focus, #ui-area ol li a:hover, #ui-area ol li a:active, #ui-area ol li a:focus, .cke_editable ol li a:hover, .cke_editable ol li a:active, .cke_editable ol li a:focus {
      color: #b49f29;
      transition: all 0.3s ease-in-out 0s;
      text-decoration: underline !important; }

@media screen and (max-width: 1023px) and (min-width: 220px) {
  #ui-area h1 {
    font-size: 30px !important;
    padding: 0px 0 0px 0; }
  #ui-area h2 {
    font-size: 24px !important; }
  #ui-area .chit-heading {
    font-size: 20px !important; }
  #ui-area .MemberReservations-portlet .ui-dialog .heading.mr-heading {
    font-size: 14px !important; } }

@media screen and (max-width: 979px) and (min-width: 220px) {
  #ui-area p, .cke_editable p {
    font-size: 16px !important;
    line-height: 30px;
    margin: 0 0 10px 0; }
    #ui-area p a, .cke_editable p a {
      font-size: 16px !important; }
  #ui-area ul li, .cke_editable ul li, #ui-area ol li, .cke_editable ol li {
    font-size: 16px !important; }
    #ui-area ul li a, .cke_editable ul li a, #ui-area ol li a, .cke_editable ol li a {
      font-size: 16px !important; }
  .chit-heading {
    font-size: 14px !important; }
  .ui-dialog .ui-dialog-title {
    font-size: 14px !important; } }

#ui-area .accordion h3 {
  background: #060c38 !important;
  border: 1px solid #ffffff;
  font-size: 18px !important;
  text-shadow: none !important;
  background-image: url(../images/club-images/plusIdle.png) !important;
  background-repeat: no-repeat !important;
  background-origin: padding-box !important;
  background-position: 1% 49% !important;
  padding: 18px 15% 18px 4.5% !important;
  margin-bottom: 0 !important;
  transition: all 0.15s linear 0s;
  font-family: "Montserrat", sans-serif !important;
  text-transform: capitalize;
  color: #ffffff !important;
  letter-spacing: 0;
  font-weight: 600;
  margin-top: 18px !important;
  font-style: normal; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    #ui-area .accordion h3 {
      font-size: 14px !important;
      padding: 18px 15% 18px 6.5% !important; } }
  @media screen and (max-width: 767px) and (min-width: 220px) {
    #ui-area .accordion h3 {
      font-size: 14px !important;
      padding: 18px 15% 18px 10.5%  !important; } }

#ui-area .accordion h3.active, .accordion h3:hover {
  background: #b49f29 !important;
  background-image: url(../images/club-images/plusOpen.png) !important;
  background-repeat: no-repeat !important;
  background-origin: padding-box !important;
  background-position: 1% 49% !important;
  padding: 18px 15% 18px 4.5% !important;
  color: #ffffff !important; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    #ui-area .accordion h3.active, .accordion h3:hover {
      font-size: 14px !important;
      padding: 18px 15% 18px 6.5% !important; } }
  @media screen and (max-width: 767px) and (min-width: 220px) {
    #ui-area .accordion h3.active, .accordion h3:hover {
      font-size: 14px !important;
      padding: 18px 15% 18px 10.5%  !important; } }

#ui-area .accordion h3:hover {
  /* background-color: $accactivehover !important;*/ }

#ui-area .accordion .accordion-content-text h3 {
  background-color: transparent !important;
  color: #000000 !important;
  background-image: none !important;
  padding: 10px 0 10px 0 !important;
  border: none !important; }

#ui-area .accordion .accordion-content-text h3:hover {
  background-color: transparent !important;
  /*    color: #000 !important; */
  background-image: none !important;
  padding: 10px 0 10px 0 !important;
  border: none !important; }

#ui-area .accordion .accordion-content-text p {
  margin: 0; }

#ui-area .accordion .accordion-content-text img {
  /* 	box-shadow: 0px 2px 20px 0px #949090;
	border: 4px solid $Light-fontColor; */
  margin: 0px 0 20px 0; }

#ui-area .accordion .accordion-sub-content .accordion-content-image {
  margin-bottom: 20px;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.13);
  border: 5px solid #ffffff; }

.dining-guest-heading {
  font-size: 48px !important; }

.chit-heading {
  font-size: 20px !important;
  line-height: 24px !important;
  background-color: #050a2d;
  padding: 12px 7px !important;
  font-family: "Montserrat", sans-serif !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  text-align: left !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-transform: capitalize !important; }

.dining-search-label {
  color: #666666 !important;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.51); }

.rooms-search-label {
  color: #000000 !important;
  font-size: 15px;
  font-weight: 400px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.51); }

.dining-search-label .ui-widget-content {
  color: #ffffff !important; }

.add-acc-panel h3.ui-accordion-header {
  padding: 0 0 0 1.5em;
  font-size: 30px; }

.nm-box th {
  text-align: center !important;
  font-size: larger !important; }

.nm-label {
  font-size: large !important; }

.poa-property-heading label {
  color: #ffffff;
  text-align: right;
  padding-right: 5px; }

.poa-property-heading h1 {
  color: #ffffff;
  padding-right: 5px; }

.pref-heading {
  font-weight: bold !important; }

.label-long-recent-acti {
  background-color: #666666;
  padding: 10px 0;
  text-shadow: none; }

.announcement-portlet h1 {
  /*display: none;*/ }

.aui .portlet-asset-publisher .asset-content, .aui .portlet-asset-publisher .asset-summary, .aui .portlet-asset-publisher .asset-title, .aui .portlet-asset-publisher .header-title, .aui .portlet-asset-publisher li.title-list, .aui .portlet-blogs .entry-body, .aui .portlet-blogs .entry-title, .aui .portlet-blogs .header-title, .aui .portlet-journal-content .journal-content-article, .aui .portlet-message-boards .header-title, .aui .portlet-message-boards .thread-body {
  word-break: keep-all;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

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

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

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

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

#wrap {
  min-height: 100%;
  position: relative;
  background: #ffffff; }

aui,
html,
body {
  height: 100% !important;
  min-height: 100% !important; }

#push {
  min-height: 280px;
  position: relative; }
  @media screen and (min-width: 980px) and (max-width: 1199px) {
    #push {
      min-height: 333px; } }
  @media screen and (min-width: 768px) and (max-width: 979px) {
    #push {
      min-height: 355px; } }
  @media screen and (min-width: 200px) and (max-width: 767px) {
    #push {
      min-height: 360px; } }

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

@media screen and (max-width: 1920px) and (min-width: 1250px) {
  .aui .container, .aui .navbar-static-top .container, .aui .navbar-fixed-top .container, .aui .navbar-fixed-bottom .container {
    width: 1560px !important; }
  .row {
    margin: 0px !important; } }

/* @media (min-width: 1200px) {
	.aui .container, .aui .navbar-static-top .container, .aui .navbar-fixed-top .container, .aui .navbar-fixed-bottom .container {
		width: 1350px;
	}
} */
@media (min-width: 768px) {
  .container {
    max-width: 100% !important; } }

@media (max-width: 979px) and (min-width: 768px) {
  .aui .container, .aui .navbar-static-top .container, .aui .navbar-fixed-top .container, .aui .navbar-fixed-bottom .container {
    width: 100% !important; } }

@media (min-width: 576px) {
  .container {
    max-width: 100% !important; } }

@media screen and (max-width: 767px) and (min-width: 220px) {
  .aui .container {
    width: 100% !important; } }

header.header_like_custom.small {
  /* top:-56px; */
  background-color: #ffffff;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.13); }
  header.header_like_custom.small .main-logo-wrapper .site-title .logo img {
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    max-width: 50px; }
  header.header_like_custom.small .greeting-wrappeer {
    margin: 26px 0px 0 0px; }
  header.header_like_custom.small .nav-bg #textured-cssmenu {
    margin-top: 33px;
    transition: all .3s ease-out; }
    header.header_like_custom.small .nav-bg #textured-cssmenu ul li a {
      padding: 0px 0px 43px; }
    header.header_like_custom.small .nav-bg #textured-cssmenu ul li ul li a {
      /* padding: 0px!important; */ }
    header.header_like_custom.small .nav-bg #textured-cssmenu > ul > li:hover > ul {
      top: 57px !important;
      padding-top: 0px !important;
      margin-top: 0px !important; }
    header.header_like_custom.small .nav-bg #textured-cssmenu > ul > li:focus > ul {
      top: 57px !important;
      padding-top: 0px !important;
      margin-top: 0px !important; }
  header.header_like_custom.small .humburger {
    /* top: 0px !important;
			margin-top: 0 !important;
			transition: all 0.2s linear 0s;
			height: 26px !important; */ }
  header.header_like_custom.small #textured-cssmenu > ul > li:hover > ul {
    top: 57px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
  header.header_like_custom.small #textured-cssmenu > ul > li:focus > ul, header.header_like_custom.small #textured-cssmenu > ul > li:focus-within > ul {
    top: 57px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

@keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate(0px, -49px); }
  100% {
    opacity: 1;
    transform: translate(0px, 0px); } }

@-moz-keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -49px); }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px); } }

@-webkit-keyframes animationFrames {
  0% {
    opacity: 0;
    -webkit-transform: translate(0px, -49px); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px); } }

@-o-keyframes animationFrames {
  0% {
    opacity: 0;
    -o-transform: translate(0px, -49px); }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px); } }

@-ms-keyframes animationFrames {
  0% {
    opacity: 0;
    -ms-transform: translate(0px, -49px); }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px); } }

header.header_like_custom {
  position: fixed;
  width: 100%;
  padding: 0px 0 0px 0;
  z-index: 9;
  top: 0px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  /* Humberger Icon Classes */
  /* active classes */
  /* CSS for displaying sub-menus through tabs start */
  /* CSS for displaying sub-menus through tabs start */ }
  @media screen and (min-width: 200px) and (max-width: 1023px) {
    header.header_like_custom {
      padding: 0px 0 0px 0;
      position: relative;
      font-size: 0; } }
  header.header_like_custom .main-logo-wrapper {
    display: block;
    vertical-align: top;
    transition: all 0.3s ease-out;
    margin: 8px 0 10px 15px; }
    header.header_like_custom .main-logo-wrapper .site-title {
      text-align: left;
      transition: all 0.3s ease-out; }
      header.header_like_custom .main-logo-wrapper .site-title .logo img {
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        max-width: 72px; }
  header.header_like_custom .container-padding {
    padding: 0 8.6%; }
    @media screen and (min-width: 1600px) and (max-width: 1800px) {
      header.header_like_custom .container-padding {
        padding: 0 1.3%; } }
    @media screen and (min-width: 1366px) and (max-width: 1599px) {
      header.header_like_custom .container-padding {
        padding: 0 1.3%; } }
    @media screen and (min-width: 1200px) and (max-width: 1365px) {
      header.header_like_custom .container-padding {
        padding: 0 1%; } }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      header.header_like_custom .container-padding {
        padding: 0 1%; } }
  header.header_like_custom .mm-panels,
  header.header_like_custom .mm-panels > .mm-panel {
    background: #060c38 !important; }
  header.header_like_custom .mm-listview li a,
  header.header_like_custom .mm-title {
    color: "Montserrat", sans-serif !important;
    font-size: 15px;
    font-family: "Montserrat", sans-serif !important; }
  header.header_like_custom .nav-bg {
    text-align: center; }
    header.header_like_custom .nav-bg nav {
      text-align: center;
      display: inline-block;
      vertical-align: top;
      margin: 0 20px 0 0px; }
    header.header_like_custom .nav-bg #textured-cssmenu {
      margin-top: 50px;
      margin-left: 0px;
      transition: all .3s ease-out; }
      header.header_like_custom .nav-bg #textured-cssmenu a {
        font-family: "Montserrat", sans-serif !important;
        text-transform: none !important; }
        header.header_like_custom .nav-bg #textured-cssmenu a:hover {
          text-decoration: none !important; }
      header.header_like_custom .nav-bg #textured-cssmenu ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding-left: 0; }
        header.header_like_custom .nav-bg #textured-cssmenu ul:last-child {
          justify-content: flex-end; }
        header.header_like_custom .nav-bg #textured-cssmenu ul li {
          margin-left: 40px; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li:hover > ul,
          header.header_like_custom .nav-bg #textured-cssmenu ul li:focus > ul {
            top: 73px;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 0px; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child a {
            border-right: 0 !important; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child ul {
            /* margin-left: -33px !important; */ }
            header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child ul li:last-child:hover ul, header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child ul li:last-child:focus ul, header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child ul li:last-child:focus-within ul {
              /* margin-left:-440px !important; */ }
            header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child ul li:focus-within ul {
              margin-left: 0px !important; }
            header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child ul li ul {
              margin-left: 0px !important; }
              header.header_like_custom .nav-bg #textured-cssmenu ul li:last-child ul li ul:focus-within {
                margin-left: 0px !important; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li ul li:last-child:hover ul {
            margin-left: 0px !important; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li ul li:focus-within ul {
            margin-left: 0px !important; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li:first-child {
            margin-left: 0px !important; }
            header.header_like_custom .nav-bg #textured-cssmenu ul li:first-child a {
              border-right: 0 !important; }
            header.header_like_custom .nav-bg #textured-cssmenu ul li:first-child ul {
              margin-left: 0px !important; }
          @media screen and (min-width: 1600px) and (max-width: 1860px) {
            header.header_like_custom .nav-bg #textured-cssmenu ul li {
              margin-left: 23px; } }
          @media screen and (min-width: 1550px) and (max-width: 1599px) {
            header.header_like_custom .nav-bg #textured-cssmenu ul li {
              margin-left: 30px; } }
          @media screen and (min-width: 1400px) and (max-width: 1549px) {
            header.header_like_custom .nav-bg #textured-cssmenu ul li {
              margin-left: 18px; } }
          @media screen and (min-width: 1366px) and (max-width: 1399px) {
            header.header_like_custom .nav-bg #textured-cssmenu ul li {
              margin-left: 15px; } }
          @media screen and (min-width: 1200px) and (max-width: 1365px) {
            header.header_like_custom .nav-bg #textured-cssmenu ul li {
              margin-left: 20px; } }
          @media screen and (min-width: 1024px) and (max-width: 1199px) {
            header.header_like_custom .nav-bg #textured-cssmenu ul li {
              margin-left: 7px; } }
          header.header_like_custom .nav-bg #textured-cssmenu ul li a {
            font-size: 18px;
            padding: 0px 0px 55px;
            color: #000000 !important;
            text-transform: uppercase !important;
            font-weight: 500;
            transition: all 0.25s ease-out;
            letter-spacing: 0px; }
            @media screen and (min-width: 1367px) and (max-width: 1412px) {
              header.header_like_custom .nav-bg #textured-cssmenu ul li a {
                font-size: 17px; } }
            @media screen and (min-width: 1200px) and (max-width: 1366px) {
              header.header_like_custom .nav-bg #textured-cssmenu ul li a {
                font-size: 15px;
                padding: 0px 0px 60px; } }
            @media screen and (min-width: 1024px) and (max-width: 1199px) {
              header.header_like_custom .nav-bg #textured-cssmenu ul li a {
                font-size: 14px;
                padding: 0px 0px 62px; } }
            header.header_like_custom .nav-bg #textured-cssmenu ul li a:hover {
              color: #b49f29 !important;
              text-decoration: none;
              transition: all 0.3s linear 0s; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li .textured-nav-parent.top-li .active {
            color: #666666 !important;
            background-color: transparent !important; }
          header.header_like_custom .nav-bg #textured-cssmenu ul li:before {
            left: 0;
            right: 0;
            bottom: 0px;
            width: 100%;
            content: "";
            position: absolute;
            height: 5px;
            transition: all .15s ease-in-out;
            margin: 0 auto;
            background-color: #b49f29;
            margin: 0 auto;
            max-width: 100%;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
            @media screen and (min-width: 1024px) and (max-width: 1199px) {
              header.header_like_custom .nav-bg #textured-cssmenu ul li:before {
                bottom: 0px !important; } }
          header.header_like_custom .nav-bg #textured-cssmenu ul li:hover:before {
            content: "";
            -webkit-transform: scaleX(1);
            transform: scaleX(1); }
        header.header_like_custom .nav-bg #textured-cssmenu ul ul {
          background: #060c38; }
          header.header_like_custom .nav-bg #textured-cssmenu ul ul li {
            margin-left: 0px !important; }
            header.header_like_custom .nav-bg #textured-cssmenu ul ul li:last-child a {
              /* padding-right: 0 !important; */
              border-right: 0 !important; }
            header.header_like_custom .nav-bg #textured-cssmenu ul ul li a {
              background: #060c38;
              color: #ffffff !important;
              font-weight: 400;
              line-height: 28px;
              padding: 0px 0px !important;
              text-align: left;
              text-decoration: none;
              text-shadow: none;
              width: 280px;
              font-size: 18px !important;
              letter-spacing: 0px;
              text-transform: capitalize !important;
              margin: 0 0px; }
              @media screen and (min-width: 1367px) and (max-width: 1412px) {
                header.header_like_custom .nav-bg #textured-cssmenu ul ul li a {
                  font-size: 17px !important; } }
              @media screen and (min-width: 1200px) and (max-width: 1366px) {
                header.header_like_custom .nav-bg #textured-cssmenu ul ul li a {
                  font-size: 15px !important; } }
              @media screen and (min-width: 1024px) and (max-width: 1199px) {
                header.header_like_custom .nav-bg #textured-cssmenu ul ul li a {
                  font-size: 14px !important; } }
              header.header_like_custom .nav-bg #textured-cssmenu ul ul li a:hover {
                color: #ffffff !important;
                background-image: none !important;
                transition: all 0.3s linear 0s;
                background-color: #b49f29; }
            header.header_like_custom .nav-bg #textured-cssmenu ul ul li:hover:after {
              content: "";
              display: none; }
          header.header_like_custom .nav-bg #textured-cssmenu ul ul ul {
            top: 0px !important;
            padding-top: 0px; }
  header.header_like_custom .greeting-wrappeer {
    display: inline-block;
    margin: 43px 0px 0 0px;
    transition: all 0.3s linear 0s;
    float: right;
    position: relative;
    z-index: 1; }
    header.header_like_custom .greeting-wrappeer a {
      padding: 13px 24px;
      color: #046a38;
      text-transform: uppercase;
      font-size: 18px;
      transition: all 0.3s linear 0s;
      font-weight: 500;
      background: #ffffff;
      font-family: "Montserrat", sans-serif;
      border: 2px solid #046a38; }
      @media screen and (min-width: 1367px) and (max-width: 1412px) {
        header.header_like_custom .greeting-wrappeer a {
          font-size: 17px; } }
      @media screen and (min-width: 1024px) and (max-width: 1366px) {
        header.header_like_custom .greeting-wrappeer a {
          padding: 10px 5px;
          font-size: 15px; } }
      header.header_like_custom .greeting-wrappeer a:hover, header.header_like_custom .greeting-wrappeer a:active, header.header_like_custom .greeting-wrappeer a:focus {
        background-color: #046a38 !important;
        color: #ffffff; }
      header.header_like_custom .greeting-wrappeer a.search-area {
        background-color: transparent !important;
        border: none !important;
        padding: 0 35px 0 0;
        font-size: 24px; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          header.header_like_custom .greeting-wrappeer a.search-area {
            padding: 0 15px 0 0; } }
        header.header_like_custom .greeting-wrappeer a.search-area:hover, header.header_like_custom .greeting-wrappeer a.search-area:active, header.header_like_custom .greeting-wrappeer a.search-area:focus {
          color: #b49f29 !important; }
  header.header_like_custom div#mm-menu-headerDIV {
    background-color: #060c38;
    transition: all 0.3s ease-out;
    margin: 10px auto;
    display: none; }
    header.header_like_custom div#mm-menu-headerDIV a {
      color: #ffffff;
      font-size: 18px;
      padding: 15px;
      display: inline-block; }
  header.header_like_custom li.textured-nav-parent.top-li.active {
    color: #060c38 !important; }
    header.header_like_custom li.textured-nav-parent.top-li.active:after {
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      content: "";
      position: absolute;
      bottom: 0px;
      height: 5px;
      background-color: #b49f29;
      transition: all .15s ease-in-out;
      margin: 0 auto;
      max-width: 100%; }
    header.header_like_custom li.textured-nav-parent.top-li.active span.textured-nav-heading.textured-nav-heading-selected.active, header.header_like_custom li.textured-nav-parent.top-li.active span.textured-nav-heading.textured-nav-heading-unselected {
      color: #b49f29 !important; }
  header.header_like_custom #textured-cssmenu ul ul li a .textured-nav-selected-item.active {
    background-color: #b49f29;
    color: #ffffff; }
  header.header_like_custom #textured-cssmenu ul ul li ul li a .textured-nav-selected-item-level2.active {
    background-color: #b49f29;
    color: #ffffff; }
  header.header_like_custom #textured-cssmenu ul ul li ul li ul li a .textured-nav-selected-item-level3.active {
    background-color: #b49f29;
    color: #ffffff; }
  header.header_like_custom #textured-cssmenu .top-li span.textured-nav-heading.textured-nav-heading-selected.active {
    cursor: pointer;
    color: #b49f29 !important; }
  header.header_like_custom #textured-cssmenu ul ul li a span {
    display: block;
    margin: 0 !important;
    padding: 5px 20px 5px !important; }
  header.header_like_custom #textured-cssmenu > ul > li:hover > ul,
  header.header_like_custom #textured-cssmenu > ul > li:focus > ul,
  header.header_like_custom #textured-cssmenu > ul > li > a:hover + ul,
  header.header_like_custom #textured-cssmenu > ul > li > a:focus + ul,
  header.header_like_custom #textured-cssmenu > ul > li:focus-within > ul,
  header.header_like_custom #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
    opacity: 1;
    display: block !important;
    z-index: 1000;
    left: 0px;
    top: 73px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px; }
  header.header_like_custom #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > a {
    background-color: #b49f29;
    color: #ffffff; }
  header.header_like_custom #textured-cssmenu > ul > li > ul > li:focus-within > ul > li:focus-within > a {
    background-color: #b49f29;
    color: #ffffff; }
  header.header_like_custom #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
    left: -280px !important;
    top: 0 !important; }
  header.header_like_custom li.textured-nav-parent.top-li.active a span.textured-nav-heading-selected {
    color: #b49f29 !important; }
  header.header_like_custom li.textured-nav-parent.top-li span.textured-nav-heading-unselected:hover {
    color: #b49f29 !important; }

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_custom .nav-bg #textured-cssmenu ul li:hover > ul,
  header.header_like_custom .nav-bg #textured-cssmenu ul li:focus > ul,
  header.header_like_custom .nav-bg #textured-cssmenu ul li:focus-within > ul {
    top: 74px !important; }
  header.header_like_custom .nav-bg #textured-cssmenu ul li:hover > ul li:hover ul,
  header.header_like_custom .nav-bg #textured-cssmenu ul li:focus > ul li:focus ul,
  header.header_like_custom .nav-bg #textured-cssmenu ul li:focus-within > ul li:focus-within ul {
    top: 0px !important; } }

header .public-menu-overlay-menu {
  padding: 0px 0 0px 0;
  height: 90px;
  /*Navigation Menu Text To Humburger Icon */
  /* Mobile Version Menu  */
  /* End */ }
  header .public-menu-overlay-menu .site-title {
    padding: 0px 0px;
    position: relative;
    top: 7px;
    z-index: 1; }
    header .public-menu-overlay-menu .site-title img {
      max-width: 50px !important; }
  header .public-menu-overlay-menu ul {
    margin: 0px;
    padding: 0; }
    header .public-menu-overlay-menu ul li {
      list-style: none;
      width: 100% !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        header .public-menu-overlay-menu ul li {
          display: inline-block;
          width: 33.3% !important;
          vertical-align: middle; } }
      @media (min-width: 767px) and (max-width: 1023px) {
        header .public-menu-overlay-menu ul li {
          display: inline-block;
          width: 33.3% !important;
          vertical-align: middle; } }
  header .public-menu-overlay-menu .humburger {
    position: absolute;
    display: block;
    /* background-color: $Light-fontColor; */
    height: 100%;
    min-height: 0px;
    width: 100%;
    max-width: 50px;
    margin: 0 0 0 0px;
    top: 0;
    right: 6%; }
    @media (min-width: 300px) and (max-width: 767px) {
      header .public-menu-overlay-menu .humburger {
        right: 40px; } }
    header .public-menu-overlay-menu .humburger:after {
      content: 'Menu';
      position: relative;
      top: 0px;
      left: 50px;
      color: #ffffff;
      font-size: 18px;
      display: none; }
  header .public-menu-overlay-menu .member-login-text p a {
    color: #ffffff;
    text-transform: none !important;
    background: #060c38 !important;
    color: #ffffff !important;
    padding: 13px 20px 9px !important;
    font-weight: bold;
    margin: 0 10px 0 0px; }
    header .public-menu-overlay-menu .member-login-text p a:hover {
      color: #ffffff;
      text-decoration: underline !important; }
  header .public-menu-overlay-menu div#mm-menu-link {
    /* background: $color-primary; */
    height: 40px;
    top: 29%;
    position: absolute;
    width: 50px;
    left: 2%;
    right: 0;
    transition: all 0.3s linear 0s;
    border: 1px solid #060c38;
    border-radius: 4px; }
  header .public-menu-overlay-menu .humburger .l1, header .public-menu-overlay-menu .humburger .l2, header .public-menu-overlay-menu .humburger .l3 {
    position: absolute;
    display: block;
    margin: auto;
    top: 46%;
    left: 10px;
    height: 2px;
    width: 30px;
    background-color: #060c38;
    transition: all .2s ease-out; }
  header .public-menu-overlay-menu .humburger .l1 {
    top: 20%; }
  header .public-menu-overlay-menu .humburger .l3 {
    top: 73%; }
  header .public-menu-overlay-menu .humburger.active .l1 {
    transform: rotate(45deg);
    top: 48%; }
  header .public-menu-overlay-menu .humburger.active .l2 {
    opacity: 0; }
  header .public-menu-overlay-menu .humburger.active .l3 {
    transform: rotate(-45deg);
    top: 48%; }
  header .public-menu-overlay-menu .greeting-wrappeer {
    margin: 30px 0px 0 0px;
    position: absolute;
    right: 0;
    top: 0; }
    header .public-menu-overlay-menu .greeting-wrappeer a.search-area {
      background-color: transparent !important;
      border: none !important;
      padding: 0 10px 0 0; }
      header .public-menu-overlay-menu .greeting-wrappeer a.search-area:hover, header .public-menu-overlay-menu .greeting-wrappeer a.search-area:active, header .public-menu-overlay-menu .greeting-wrappeer a.search-area:focus {
        color: #b49f29 !important; }

header .desktop-hum .humburger .l1, header .desktop-hum .humburger .l2, header .desktop-hum .humburger .l3 {
  position: absolute;
  display: block;
  margin: auto;
  top: 47%;
  left: 10px;
  height: 2px;
  width: 30px;
  background-color: #060c38;
  transition: all .2s ease-out; }

header .desktop-hum .humburger .l1 {
  top: 20%; }

header .desktop-hum .humburger .l3 {
  top: 72%; }

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

header .desktop-hum .humburger.active .l2 {
  opacity: 0; }

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

header .desktop-hum div#mm-menu-link {
  /* background: $color-primary; */
  height: 40px;
  top: 34%;
  position: absolute;
  width: 50px;
  left: 29%;
  margin: 0 auto;
  transition: all 0.3s linear 0s;
  right: 0;
  border: 1px solid #060c38;
  border-radius: 4px; }

#footer.footer_like_custom {
  position: relative;
  width: 100%;
  bottom: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: #000000;
  background-color: #ffffff; }
  #footer.footer_like_custom .container-padding {
    padding: 0 8.6%; }
    @media screen and (min-width: 1600px) and (max-width: 1800px) {
      #footer.footer_like_custom .container-padding {
        padding: 0 1.3%; } }
    @media screen and (min-width: 1366px) and (max-width: 1599px) {
      #footer.footer_like_custom .container-padding {
        padding: 0 1.3%; } }
    @media screen and (min-width: 1024px) and (max-width: 1365px) {
      #footer.footer_like_custom .container-padding {
        padding: 0 1.3%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #footer.footer_like_custom .container-padding {
        padding: 0 0; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #footer.footer_like_custom .container-padding {
        padding: 0 0; } }
  #footer.footer_like_custom .footer-bg {
    padding: 36px 0 36px 0;
    background-color: #060c38; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #footer.footer_like_custom .footer-bg {
        padding: 10px 0px 10px; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #footer.footer_like_custom .footer-bg {
        padding: 10px 0px 10px; } }
    #footer.footer_like_custom .footer-bg .footer-quick ul {
      list-style: none;
      margin: 0;
      padding-left: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      text-align: center; }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        #footer.footer_like_custom .footer-bg .footer-quick ul {
          justify-content: space-around; } }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #footer.footer_like_custom .footer-bg .footer-quick ul {
          flex-flow: wrap;
          display: block;
          text-align: center; } }
      #footer.footer_like_custom .footer-bg .footer-quick ul li {
        display: inline-flex;
        margin: 0 70px 0 70px;
        color: #ffffff;
        text-transform: uppercase; }
        @media screen and (min-width: 1200px) and (max-width: 1550px) {
          #footer.footer_like_custom .footer-bg .footer-quick ul li {
            margin: 0 20px 0 20px; } }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          #footer.footer_like_custom .footer-bg .footer-quick ul li {
            margin: 0 20px 0 20px;
            font-size: 14px; } }
        @media screen and (min-width: 220px) and (max-width: 1023px) {
          #footer.footer_like_custom .footer-bg .footer-quick ul li {
            display: block;
            text-align: center;
            font-size: 14px;
            margin: 0 0px 0 0px; } }
        #footer.footer_like_custom .footer-bg .footer-quick ul li a {
          color: #ffffff;
          transition: all 0.3s linear 0s;
          font-size: 16px;
          font-weight: 400;
          text-transform: uppercase; }
          @media screen and (min-width: 1024px) and (max-width: 1199px) {
            #footer.footer_like_custom .footer-bg .footer-quick ul li a {
              font-size: 14px; } }
          @media screen and (min-width: 220px) and (max-width: 1023px) {
            #footer.footer_like_custom .footer-bg .footer-quick ul li a {
              display: inline-block;
              padding: 5px 0 5px 0; } }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #footer.footer_like_custom .footer-bg .footer-quick ul li a {
              font-size: 14px !important; } }
          #footer.footer_like_custom .footer-bg .footer-quick ul li a:hover, #footer.footer_like_custom .footer-bg .footer-quick ul li a:active, #footer.footer_like_custom .footer-bg .footer-quick ul li a:focus {
            color: #b49f29;
            border-bottom: none !important;
            text-decoration: none !important; }
            #footer.footer_like_custom .footer-bg .footer-quick ul li a:hover:before, #footer.footer_like_custom .footer-bg .footer-quick ul li a:active:before, #footer.footer_like_custom .footer-bg .footer-quick ul li a:focus:before {
              content: "";
              -webkit-transform: scaleX(1);
              transform: scaleX(1); }
          #footer.footer_like_custom .footer-bg .footer-quick ul li a:before {
            top: 31px;
            width: 100%;
            content: "";
            position: relative;
            height: 1px;
            transition: all .15s ease-in-out;
            margin: 0 auto;
            background-color: #b49f29;
            display: block;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
          #footer.footer_like_custom .footer-bg .footer-quick ul li a:hover {
            color: #b49f29 !important;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
            text-decoration: none !important; }
  #footer.footer_like_custom .copyright {
    background-color: #ffffff;
    margin: 20px 0 0 0 !important;
    text-align: center; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #footer.footer_like_custom .copyright {
        margin: 0px 0 70px 0 !important; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #footer.footer_like_custom .copyright {
        margin: 0px 0 63px 0 !important; } }
    #footer.footer_like_custom .copyright .footer-connect {
      padding: 0px 0 0px 0 !important; }
      #footer.footer_like_custom .copyright .footer-connect ul {
        margin: 0px 0 0 0;
        padding-left: 0; }
        @media screen and (min-width: 220px) and (max-width: 1023px) {
          #footer.footer_like_custom .copyright .footer-connect ul {
            margin: 10px 0 0 0; } }
        #footer.footer_like_custom .copyright .footer-connect ul li {
          display: inline-block;
          padding: 0px 5px; }
          #footer.footer_like_custom .copyright .footer-connect ul li a {
            color: #060c38;
            transition: transform 0.5s ease-out; }
            #footer.footer_like_custom .copyright .footer-connect ul li a:hover {
              color: #b49f29;
              text-decoration: none !important;
              border-bottom: none !important; }
              #footer.footer_like_custom .copyright .footer-connect ul li a:hover i {
                transition: transform 0.5s ease-out;
                transform: translate3d(0px, -10px, 0px);
                color: #b49f29; }
            #footer.footer_like_custom .copyright .footer-connect ul li a i {
              font-size: 30px;
              transition: transform 0.5s ease-out; }
              @media screen and (min-width: 220px) and (max-width: 767px) {
                #footer.footer_like_custom .copyright .footer-connect ul li a i {
                  font-size: 20px; } }
    #footer.footer_like_custom .copyright p {
      line-height: normal;
      color: #000000;
      font-weight: 400;
      letter-spacing: 0;
      font-size: 16px;
      padding: 20px 0 20px 0;
      margin: 0; }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #footer.footer_like_custom .copyright p {
          padding: 10px 0px 10px 0;
          font-size: 14px; } }
      #footer.footer_like_custom .copyright p a {
        color: #000000; }
        #footer.footer_like_custom .copyright p a:hover {
          text-decoration: none !important;
          color: #b49f29 !important;
          border-bottom: 1px solid #b49f29; }
  #footer.footer_like_custom a {
    color: #000000;
    transition: all 0.3s linear 0s;
    font-size: 16px;
    font-weight: 400; }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #footer.footer_like_custom a {
        font-size: 14px !important; } }
    #footer.footer_like_custom a:hover {
      color: #b49f29 !important;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      text-decoration: underline !important; }

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

/* 
TABLE OF CONTENT
1-  Mobile Menu Side Bar - MM Menu
2-  No Page Found Styles
3-  UI Styles
4-  Back To Top Styles
5-	Slider Classes
6-	Custom Classes
*/
/* Mobile Menu Side Bar - MM Menu */
.mm-navbar {
  background: #060c38 !important; }
  .mm-navbar a#mmMenuHomeLink {
    color: #ffffff !important;
    border-top: 1px solid #ffffff;
    background: #b49f29 !important; }

.mm-panels > .mm-panel > div {
  background: #060c38 !important;
  border-bottom: 1px solid #ffffff; }
  .mm-panels > .mm-panel > div a {
    color: #ffffff !important;
    background: #b49f29 !important; }

.mm-panels, .mm-panels > .mm-panel {
  background: #060c38 !important;
  color: #ffffff !important;
  border-right: 1px solid #ffffff !important; }
  .mm-panels .mm-listview > li:not(.mm-divider):after, .mm-panels > .mm-panel .mm-listview > li:not(.mm-divider):after {
    display: none !important; }
  .mm-panels a, .mm-panels > .mm-panel a {
    color: #ffffff !important;
    font-size: 18px;
    display: block !important; }
    .mm-panels a:hover, .mm-panels > .mm-panel a:hover {
      color: #ffffff !important; }
  .mm-panels .mm-listview > li, .mm-panels > .mm-panel .mm-listview > li {
    border-top: 1px solid #ffffff !important; }
    .mm-panels .mm-listview > li .mm-next, .mm-panels > .mm-panel .mm-listview > li .mm-next {
      background: transparent !important; }
      .mm-panels .mm-listview > li .mm-next:before, .mm-panels .mm-listview > li .mm-next:after, .mm-panels > .mm-panel .mm-listview > li .mm-next:before, .mm-panels > .mm-panel .mm-listview > li .mm-next:after {
        border-color: #ffffff !important; }
    .mm-panels .mm-listview > li:last-child, .mm-panels > .mm-panel .mm-listview > li:last-child {
      border-bottom: 1px solid #ffffff; }
    .mm-panels .mm-listview > li:first-child, .mm-panels > .mm-panel .mm-listview > li:first-child {
      border-top: none !important; }

.mm-panels a, .mm-panels > .mm-panel a {
  display: inherit !important;
  white-space: normal !important; }

a.mm-btn.mm-btn_next.mm-listitem__btn {
  border-left: 1px solid #ffffff; }

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

a.mm-btn.mm-btn_prev.mm-navbar__btn {
  border-right: 1px solid #ffffff; }

.mm-btn_prev:before {
  border-color: #ffffff !important; }

.mm-panel .mm-navbar__title > span {
  white-space: normal !important;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px; }

/* No Page Found Styles */
section#portlet_status {
  max-width: 450px;
  position: fixed;
  left: 0px !important;
  right: 0px !important;
  /* top: 0 !important;
    bottom: 0 !important; */
  margin: auto auto;
  box-shadow: 0px 0px 5px 1200px rgba(0, 0, 0, 0.3), 0px 3px 15px 3px rgba(0, 0, 0, 0.9);
  z-index: 999;
  vertical-align: middle;
  max-height: 210px;
  background: #ffffff; }
  section#portlet_status > header {
    display: none !important; }
    section#portlet_status > header > span.portlet-title-text {
      font-size: 20px;
      letter-spacing: 2px;
      font-weight: bold; }
  section#portlet_status code.lfr-url-error {
    text-overflow: ellipsis;
    max-width: 96%;
    overflow: hidden; }

/* UI Styles */
/* Login Classes */
div.login-container {
  height: 100%;
  z-index: 999;
  margin: 0px auto 0px auto;
  padding: 6px 20px 0 0;
  /* box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.2); */ }
  @media screen and (min-width: 200px) and (max-width: 767px) {
    div.login-container {
      padding: 10px 0px 20px 0 !important; } }
  div.login-container span strong {
    color: #000000;
    font-weight: normal; }
  div.login-container .navigation {
    background-color: transparent !important;
    border: none !important; }
  div.login-container .taglib-text {
    color: #000000; }
  div.login-container .login-heading > h2, div.login-container .forgot-password-heading > h2 {
    font-size: 34px !important;
    font-family: "Montserrat", sans-serif !important;
    color: #000000 !important;
    text-transform: capitalize !important;
    margin: 0px 0 25px !important;
    line-height: 1 !important;
    padding: 0px 0 0px 0 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-align: center !important; }
  div.login-container .control-group {
    margin-top: 0px;
    margin-bottom: 10px !important;
    color: #000000; }
    div.login-container .control-group input {
      display: block;
      margin-bottom: 10px; }
    div.login-container .control-group .label-required {
      color: #f1331e; }
  div.login-container #_58_rememberMeCheckbox {
    float: inherit !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important; }
  div.login-container input#_58_showPasswordCheckbox {
    float: inherit !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important; }
  div.login-container .login-controls label {
    color: #000000; }
  div.login-container label.checkbox {
    color: #000000; }
  div.login-container a {
    color: #000000; }
    div.login-container a:hover, div.login-container a:active, div.login-container a:focus {
      color: #000000; }

/* Back To Top Styles */
#back-top {
  bottom: 50px;
  right: 30px;
  position: fixed;
  z-index: 1;
  width: 45px;
  height: 45px;
  background-color: #060c38;
  border-radius: 0; }
  @media screen and (min-width: 200px) and (max-width: 767px) {
    #back-top {
      bottom: 90px !important;
      right: 15px !important; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    #back-top {
      bottom: 73px !important;
      right: 10px !important; } }
  #back-top:hover, #back-top:active, #back-top:focus {
    background-color: #b49f29; }
    #back-top:hover i, #back-top:active i, #back-top:focus i {
      color: #ffffff; }
  #back-top a {
    display: block;
    text-align: center;
    padding: 0px;
    transition: all 1s ease 0s;
    filter: invert(0); }
    #back-top a:hover img {
      filter: invert(1); }
    #back-top a i {
      display: block;
      padding-top: 10px;
      padding-bottom: 10px;
      color: #ffffff;
      font-size: 25px;
      cursor: pointer; }

/* Back To Top Styles */
/* Slider Classes Start */
#rev_slider_4_1_wrapper {
  left: 0 !important; }
  #rev_slider_4_1_wrapper .defaultimg {
    box-shadow: inset 0px -286px 140px -150px rgba(0, 0, 0, 0.6); }

.hermes .tp-bullet:after {
  width: 90% !important; }

/* .tp-bullets.hermes.horizontal.noSwipe {
    left: 90% !important;
} */
.tp-leftarrow {
  left: 0% !important; }

.tp-rightarrow {
  left: 100% !important; }

/* Slider Classes End */
/* Custom Classes Start */
#ui-area {
  padding: 123px 0 0;
  /* Breadcrum Classes Start */
  /* Breadcrum Classes End */
  /* Search Classes Start */
  /* Search Classes End */
  /* Blogs Classes Start */
  /* Blogs Classes End */
  /* Announcement Classes Start */
  /* Announcement Classes End */
  /* Upcoming Events Classes */ }
  @media screen and (min-width: 220px) and (max-width: 1023px) {
    #ui-area {
      padding: 0 0 0 0 !important; } }
  #ui-area .custom-content-wrapper {
    margin: 3.5% 0 2%; }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .custom-content-wrapper {
        margin: 6.5% 0 2%; } }
    #ui-area .custom-content-wrapper .right-col {
      padding: 0 2% 0 0 !important; }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #ui-area .custom-content-wrapper .right-col {
          padding: 0 0 0 0 !important; } }
    #ui-area .custom-content-wrapper .left-col {
      padding: 0 0 0 6% !important; }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #ui-area .custom-content-wrapper .left-col {
          padding: 0 0 0 0 !important; } }
      #ui-area .custom-content-wrapper .left-col .journal-content-article .entry img {
        margin-bottom: 20px;
        width: 100%; }
      #ui-area .custom-content-wrapper .left-col .journal-content-article table img {
        width: 100% !important;
        height: 100% !important;
        box-shadow: none !important;
        border: none !important;
        max-height: 200px !important; }
    @media screen and (min-width: 220px) and (max-width: 1199px) {
      #ui-area .custom-content-wrapper .full-area {
        padding: 0 2%; } }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #ui-area .custom-content-wrapper .full-col {
        padding: 0 0% !important; } }
    #ui-area .custom-content-wrapper .full-col .journal-content-article h1 {
      text-align: center; }
    #ui-area .custom-content-wrapper .full-col .journal-content-article .entry img {
      margin-bottom: 20px;
      width: 100%; }
    #ui-area .custom-content-wrapper .full-col .journal-content-article table img {
      width: 100% !important;
      height: 100% !important;
      box-shadow: none !important;
      border: none !important;
      max-height: 200px !important; }
    #ui-area .custom-content-wrapper .journal-content-article .entry img {
      margin-bottom: 20px;
      width: 100%;
      /* box-shadow:5px 10px 20px rgba(0, 0, 0, 0.13); */ }
    #ui-area .custom-content-wrapper .journal-content-article .custom-resp-container {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 56.25%;
      margin-bottom: 20px; }
      #ui-area .custom-content-wrapper .journal-content-article .custom-resp-container .cst-responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100% !important;
        border: 0; }
    #ui-area .custom-content-wrapper .container-padding {
      padding: 0 8.6%; }
      @media screen and (min-width: 1600px) and (max-width: 1800px) {
        #ui-area .custom-content-wrapper .container-padding {
          padding: 0 1.3%; } }
      @media screen and (min-width: 1366px) and (max-width: 1599px) {
        #ui-area .custom-content-wrapper .container-padding {
          padding: 0 1.3%; } }
      @media screen and (min-width: 1200px) and (max-width: 1365px) {
        #ui-area .custom-content-wrapper .container-padding {
          padding: 0 1%; } }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        #ui-area .custom-content-wrapper .container-padding {
          padding: 0 0%; } }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #ui-area .custom-content-wrapper .container-padding {
          padding: 0 0%; } }
  #ui-area .rev-slider-heading h1 {
    font-size: 50px;
    margin: 0;
    color: #ffffff;
    text-transform: capitalize;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    font-weight: 500;
    padding: 0; }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #ui-area .rev-slider-heading h1 {
        font-size: 35px !important; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #ui-area .rev-slider-heading h1 {
        font-size: 34px !important; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .rev-slider-heading h1 {
        font-size: 24px !important; } }
  #ui-area .rev-slider-heading:before {
    content: "";
    box-shadow: 0 48px 70px 50px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1; }
    @media screen and (min-width: 220px) and (max-width: 1024px) {
      #ui-area .rev-slider-heading:before {
        display: none; } }
  #ui-area .bread-crum-area {
    background-color: #e4e4e4;
    padding: 28px 0 28px 0; }
    @media screen and (min-width: 220px) and (max-width: 768px) {
      #ui-area .bread-crum-area {
        padding: 10px 0 10px 0; } }
    #ui-area .bread-crum-area nav#breadcrumbs {
      margin: 0; }
      #ui-area .bread-crum-area nav#breadcrumbs ul.breadcrumb {
        background-color: #e4e4e4;
        padding: 0 !important; }
        #ui-area .bread-crum-area nav#breadcrumbs ul.breadcrumb li a {
          color: #696969;
          font-size: 18px;
          font-weight: 500;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 0 0px 0 0px; }
        #ui-area .bread-crum-area nav#breadcrumbs ul.breadcrumb li span.divider {
          color: #000000 !important;
          padding: 0 10px 0 10px; }
        #ui-area .bread-crum-area nav#breadcrumbs ul.breadcrumb li.active.last a {
          color: #000000 !important;
          padding: 0 0px 0 0px !important; }
        #ui-area .bread-crum-area nav#breadcrumbs ul.breadcrumb li.active.only a {
          color: #000000 !important; }
  #ui-area .portlet-journal-content-search input#_77_keywords {
    height: 42px; }
  #ui-area .portlet-journal-content-search {
    margin-top: 20px; }
    #ui-area .portlet-journal-content-search .input-group-btn {
      background-color: #060c38 !important;
      color: #ffffff !important;
      text-decoration: none !important;
      border: 0 !important; }
      #ui-area .portlet-journal-content-search .input-group-btn button.btn.btn-default {
        background-color: #060c38 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        border: 0 !important;
        position: relative;
        left: 0; }
        #ui-area .portlet-journal-content-search .input-group-btn button.btn.btn-default:hover {
          background-color: #050a2d !important; }
    #ui-area .portlet-journal-content-search .form-search input {
      width: 100% !important;
      max-width: 250px;
      background-color: #ffffff !important;
      margin: 0 10px 0 0px; }
    #ui-area .portlet-journal-content-search a.icon-monospaced.portlet-icon-back.text-default {
      background-color: #060c38;
      color: #ffffff;
      display: inline-block;
      margin-bottom: 20px; }
  #ui-area .portlet-blogs .entry-body {
    margin-bottom: 20px; }
    #ui-area .portlet-blogs .entry-body h2 {
      margin: 0 !important; }
    #ui-area .portlet-blogs .entry-body p {
      letter-spacing: 1px; }
  #ui-area .portlet-blogs .subscribe {
    display: none; }
  @media screen and (min-width: 220px) and (max-width: 767px) {
    #ui-area .portlet-blogs .asset-small-image img.asset-small-image {
      width: 100%; } }
  #ui-area .announcement-portlet {
    margin-bottom: 0px !important; }
    #ui-area .announcement-portlet .ui-grid-col-1.delete-icon.layout6DeleteIcon {
      width: 50%; }
      #ui-area .announcement-portlet .ui-grid-col-1.delete-icon.layout6DeleteIcon i {
        color: #000000; }
    #ui-area .announcement-portlet .ui-grid-col-1.edit-icon.layout6EditIcon {
      width: 50%; }
      #ui-area .announcement-portlet .ui-grid-col-1.edit-icon.layout6EditIcon i {
        color: #000000; }
    #ui-area .announcement-portlet .ann-browse-btn {
      color: #ffffff !important; }
      #ui-area .announcement-portlet .ann-browse-btn span {
        background-color: #c1c1c1 !important;
        color: #000000 !important; }
    #ui-area .announcement-portlet h1.heading.annoucement-heading {
      font-size: 48px !important;
      font-family: "Montserrat", sans-serif !important;
      color: #b49f29 !important;
      text-transform: capitalize !important;
      line-height: 30px !important;
      font-weight: 600;
      display: block;
      padding: 0 0 25px 0; }
      @media screen and (min-width: 220px) and (max-width: 1250px) {
        #ui-area .announcement-portlet h1.heading.annoucement-heading {
          font-size: 34px !important;
          padding: 0 0 10px 0; } }
      #ui-area .announcement-portlet h1.heading.annoucement-heading i {
        display: none; }
    #ui-area .announcement-portlet .announcement .announcement-bottom-bar {
      background-color: #ffffff !important;
      border-top: 0px solid #000000;
      position: relative !important;
      padding-bottom: 0px; }
      #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description {
        /*background-color: $Light-fontColor;*/
        padding: 10px 0px 0px 20px !important;
        margin: 0; }
        @media screen and (min-width: 220px) and (max-width: 767px) {
          #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description {
            padding: 0px 0px 0px 0px !important;
            min-width: 100%; } }
        #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description span.announcement-title {
          color: #000000 !important;
          margin-left: 0;
          font-size: 30px !important;
          text-transform: none;
          margin-left: 0 !important;
          font-family: "Montserrat", sans-serif;
          font-weight: 400 !important;
          display: block;
          letter-spacing: 0px;
          margin-right: 0 !important; }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description span.announcement-title {
              font-size: 20px !important; } }
        #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description .announcement-short-description {
          color: #000000 !important;
          margin-left: 0;
          font-size: 20px !important;
          text-transform: none;
          margin-left: 0 !important;
          font-family: "Montserrat", sans-serif;
          font-weight: 400;
          margin-left: 0 !important; }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description .announcement-short-description {
              font-size: 14px !important; } }
        #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description .announcement-details {
          background-color: #060c38 !important;
          border: 1px solid #f9f9f9;
          border-radius: 4px;
          padding: 2px 5px !important;
          font-size: 14px !important;
          text-transform: capitalize !important;
          color: #ffffff !important;
          border: none !important;
          margin-left: 5px !important;
          text-decoration: underline;
          font-family: "Montserrat", sans-serif !important; }
          #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-description .announcement-details:hover {
            background-color: #060c38 !important;
            color: #ffffff !important; }
      #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls {
        padding: 0px 4px 0 2px !important;
        border-left: none !important;
        margin-top: 20px !important;
        border-right: none !important;
        text-align: left; }
        @media screen and (max-width: 767px) and (min-width: 220px) {
          #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls {
            float: none !important;
            margin-top: 8px !important;
            text-align: center;
            min-width: 100%; } }
        #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls ul {
          padding: 0; }
          #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls ul li a i {
            font-size: 48px !important;
            background-color: transparent;
            border-radius: 100%;
            width: 100% !important;
            height: auto;
            line-height: 31px;
            color: #000000; }
        #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls li.announcement-pagination {
          color: #000000 !important;
          vertical-align: top;
          margin-top: 0px !important;
          font-size: 20px !important;
          font-family: "Montserrat", sans-serif !important;
          font-weight: normal; }
          @media screen and (min-width: 1024px) and (max-width: 1199px) {
            #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls li.announcement-pagination {
              float: none !important; } }
          @media screen and (min-width: 220px) and (max-width: 1023px) {
            #ui-area .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls li.announcement-pagination {
              float: none !important; } }
    #ui-area .announcement-portlet .ui-dialog .ui-selectonemenu .ui-helper-hidden-accessible {
      position: inherit !important;
      width: auto !important;
      margin: 0 !important;
      height: 0; }
    #ui-area .announcement-portlet .ui-corner-all {
      /* border: none !important; */ }
      #ui-area .announcement-portlet .ui-corner-all input {
        border: 1px solid #ddd !important;
        height: 100% !important;
        min-height: 29px;
        margin-bottom: 5px; }
      #ui-area .announcement-portlet .ui-corner-all .ui-selectonemenu {
        border: 1px solid #ddd !important; }
      #ui-area .announcement-portlet .ui-corner-all .ui-button-icon-only {
        /*border: 1px solid #ddd !important;*/
        background-color: #060c38 !important; }
        #ui-area .announcement-portlet .ui-corner-all .ui-button-icon-only .ui-icon.ui-icon-calendar {
          color: #ffffff; }
      #ui-area .announcement-portlet .ui-corner-all .ui-button-text-icon-left .ui-button-text {
        border: 1px solid #ddd !important;
        background-color: #060c38;
        padding: 4px 50px 6px 40px;
        color: #ffffff; }
    #ui-area .announcement-portlet .bx-wrapper {
      margin-bottom: 0px !important;
      box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.2) !important;
      border: 11px solid #ffffff !important; }
      #ui-area .announcement-portlet .bx-wrapper .bx-viewport {
        border: none !important;
        box-shadow: none !important; }
    #ui-area .announcement-portlet .announcement-image {
      height: auto !important;
      margin-bottom: 12px; }
    #ui-area .announcement-portlet .ui-widget-content, #ui-area .announcement-portlet .ui-datagrid-column {
      background: #ffffff !important; }
    #ui-area .announcement-portlet .ui-panel-content {
      padding: 0 0em !important; }
    #ui-area .announcement-portlet .ui-tabs .ui-tabs-panels .ui-state-default {
      border: 1px solid #c8c8c8 !important;
      padding: 10px !important;
      margin-bottom: 5px !important;
      color: #000000 !important; }
      #ui-area .announcement-portlet .ui-tabs .ui-tabs-panels .ui-state-default .ui-icon {
        color: #000000 !important; }
    #ui-area .announcement-portlet .ui-tabs .ui-tabs-panels .ui-state-active {
      color: #000000 !important; }
      #ui-area .announcement-portlet .ui-tabs .ui-tabs-panels .ui-state-active:hover {
        color: #000000 !important; }
        #ui-area .announcement-portlet .ui-tabs .ui-tabs-panels .ui-state-active:hover .ui-icon {
          color: #000000 !important; }
  #ui-area .events-portlet li.events-list-li {
    background-color: transparent !important;
    padding-bottom: 10px;
    font-size: 18px !important;
    padding: 0 30px 0 30px;
    border: none; }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .events-portlet li.events-list-li {
        padding: 0 10px 0 10px; } }
    #ui-area .events-portlet li.events-list-li a.ui-widget {
      color: #666666 !important;
      font-size: 18px !important;
      font-weight: normal; }
    #ui-area .events-portlet li.events-list-li .ui-widget {
      font-family: "Montserrat", sans-serif !important;
      color: #000000 !important; }
    #ui-area .events-portlet li.events-list-li .events-remove-hyperlink-style.events-event-date-container {
      padding: 10px 0 10px 0;
      border-bottom: 1px solid #eee; }
    #ui-area .events-portlet li.events-list-li a.events-event-time {
      /*float: right;*/ }
      #ui-area .events-portlet li.events-list-li a.events-event-time span {
        color: #666666; }
  #ui-area .events-portlet .events-event-date {
    color: #666666 !important;
    font-size: 18px !important;
    font-weight: normal; }
    #ui-area .events-portlet .events-event-date:before {
      color: #666666; }
  #ui-area .events-portlet .events-event-time {
    color: #666666 !important;
    font-size: 18px !important;
    font-weight: normal; }
    #ui-area .events-portlet .events-event-time:before {
      color: #666666; }
  #ui-area .events-portlet .ui-datagrid-column {
    background: #ffffff !important;
    padding: 0px 0px 0; }
  #ui-area .events-portlet .events-advancelisting-eventname {
    font-size: 20px !important;
    color: #000000 !important;
    margin: 0px;
    letter-spacing: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    text-transform: capitalize !important; }
  #ui-area .events-portlet .events-advancelisting-event {
    margin: 0px 0 40px 0 !important;
    background: #ffffff !important;
    border: none !important;
    max-width: 930px !important;
    border-bottom: 1px solid #efefef !important; }
    @media screen and (min-width: 1400px) and (max-width: 1920px) {
      #ui-area .events-portlet .events-advancelisting-event {
        max-width: 1180px !important; } }
  #ui-area .events-portlet .events-advancelisting-eventdetail {
    border-bottom: none !important;
    background: #ffffff !important;
    padding: 0px 0px 0 0px !important;
    margin: 0 0 5px 0 !important; }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #ui-area .events-portlet .events-advancelisting-eventdetail {
        padding: 0px 5px 0 5px !important; } }
    #ui-area .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
      font-size: 34px;
      text-transform: capitalize;
      color: #4d5f80;
      padding: 0px 0 10px 0;
      font-weight: 500;
      font-family: "Montserrat", sans-serif; }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #ui-area .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
          font-size: 30px; } }
    #ui-area .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdescription {
      font-size: 18px;
      line-height: 28px;
      color: #666666;
      font-weight: 300;
      margin: 10px 0 !important;
      font-family: "Poppins", sans-serif; }
    #ui-area .events-portlet .events-advancelisting-eventdetail .events-advancelisting-hr {
      display: none; }
  #ui-area .events-portlet .event-list-heading {
    margin: 0px 0px 0 !important;
    background-color: #ffffff;
    padding: 0px 0px 10px !important; }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .events-portlet .event-list-heading {
        margin: 0px 0px !important; } }
    #ui-area .events-portlet .event-list-heading .events-title {
      font-size: 48px !important;
      font-family: "Montserrat", sans-serif !important;
      color: #060c38 !important;
      text-transform: capitalize !important;
      line-height: 30px !important;
      font-weight: 700;
      display: none;
      letter-spacing: 1px;
      margin: 0; }
      @media screen and (min-width: 220px) and (max-width: 1250px) {
        #ui-area .events-portlet .event-list-heading .events-title {
          font-size: 34px !important; } }
  #ui-area .events-portlet .events-cal-link {
    margin: 0 0 0 0px; }
    @media screen and (max-width: 767px) and (min-width: 220px) {
      #ui-area .events-portlet .events-cal-link {
        margin: 0 0 0 0px; } }
  #ui-area .events-portlet .events-advancelisting-eventtimgcontainer .events-advancelisting-eventtimg {
    height: 320px !important;
    margin-bottom: 30px;
    border: 1px solid #ececec !important; }
    @media screen and (min-width: 1400px) and (max-width: 1920px) {
      #ui-area .events-portlet .events-advancelisting-eventtimgcontainer .events-advancelisting-eventtimg {
        height: 216px !important;
        max-width: 330px; } }
  #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
    width: 50% !important; }
  #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname {
    font-size: 18px !important;
    color: #000000 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: normal !important; }
    #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus {
      padding: 5px 10px !important;
      background: #ffffff !important;
      color: #b49f29 !important;
      text-transform: uppercase !important;
      font-family: "Montserrat", sans-serif !important;
      letter-spacing: 0 !important;
      font-size: 18px !important;
      font-weight: 500; }
      @media screen and (min-width: 220px) and (max-width: 767px) {
        #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus {
          display: block;
          margin: 0 0 30px 0;
          float: none;
          text-align: center; } }
      #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-Reserved {
        background: #ffffff !important;
        color: #b49f29 !important;
        border: 2px solid #060c38; }
      #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-No {
        background: #ffffff !important;
        color: #f1331e !important;
        border: 2px solid #f1331e; }
      #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-Available {
        background: #ffffff !important;
        color: #b49f29 !important;
        border: 2px solid #060c38; }
      #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-Unavailable {
        background: #ffffff !important;
        color: #b49f29 !important;
        border: 2px solid #060c38; }
  #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails {
    font-size: 18px;
    color: #666666 !important;
    margin-top: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    letter-spacing: 1px; }
    #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-eventdate, #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-eventtime {
      font-size: 18px !important;
      color: #666666 !important;
      font-family: "Poppins", sans-serif;
      font-weight: 300; }
    #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails i {
      color: #000000; }
  #ui-area .events-portlet .events-advancelisting-eventtime {
    font-size: 18px !important;
    color: #666666 !important;
    font-family: "Poppins", sans-serif; }
  @media screen and (max-width: 1024px) and (min-width: 220px) {
    #ui-area .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
      width: 100% !important; } }

/* Custom padding Style */
.padding-0 {
  padding: 0px !important; }

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

.DiningReservation-portlet .dining-search-div {
  background-position: center center; }

/* Cancel Reservation events button Style */
.ui-confirmdialog-yes.ann-yes-btn {
  background: #060c38 !important;
  color: #ffffff !important; }

.ui-confirmdialog-no.ann-no-btn {
  background: #f1331e !important;
  color: #ffffff !important; }

.eventsReservation-portlet .er-alert-btns-container a.but-add-another {
  background-color: #060c38 !important; }

.announcement-dialog .ann-description-btn {
  background: #060c38 !important; }

.announcement-dialog .ui-selectonemenu-label {
  width: auto !important; }

/* Admin Classes Forom Designer */
.form-designer-portlet .ui-panel-titlebar {
  background: #060c38 !important;
  border: 1px dotted #ccc !important; }
  .form-designer-portlet .ui-panel-titlebar span.ui-panel-title {
    color: #ffffff; }

.form-designer-portlet .ui-dialog-content a i {
  color: #060c38; }

.form-designer-portlet #res-div .ui-panel {
  padding: 0 !important; }

.form-designer-portlet #res-div input.ui-state-focus, .form-designer-portlet #res-div textarea.ui-state-focus {
  border-color: rgba(37, 91, 135, 0.8) !important; }

.form-designer-portlet div#successMessage h1 {
  display: none; }

.form-designer-portlet .btn-responsive a i.fa-square {
  display: none; }

@media screen and (min-width: 220px) and (max-width: 767px) {
  .form-designer-portlet .fd-section-name .ui-panel-content button.ui-datepicker-trigger.ui-button-icon-only {
    right: -34px !important; } }

/* Admin Classes Forom Designer */
.mp-image-style .ui-panelgrid .ui-panelgrid-cell {
  padding: 4px 10px; }

#wrap .calendar-portlet .table-sort-liner a {
  color: #ffffff;
  font-weight: bold; }

.calendar-portlet ul.nav.nav-tabs li {
  font-size: 18px !important; }

.calendar-portlet .yui3-calendar-day, .calendar-portlet .yui3-calendar-header-label, .calendar-portlet .yui3-calendar-weekday {
  font-weight: 500 !important; }

.calendar-portlet .calendar-portlet-column-grid .btn-primary.active {
  background-color: #6a6d88 !important; }

.calendar-portlet .scheduler-view-agenda-container {
  font-size: 14px !important; }

/* Blogs Portlet UI */
.portlet-blogs .blog-content + .text-left a {
  padding: 5px; }

/* MT#0225865 */
.DiningReservation-portlet .dining-even-row .ui-grid-col-3 {
  margin-left: 0px !important; }

.form-designer-portlet .fd-question label.ui-outputlabel {
  display: inline-block !important; }

@media screen and (min-width: 220px) and (max-width: 767px) {
  .DiningReservation-portlet .availableTimes .heading-background {
    height: auto !important; } }

/* Gallery Admin Prefrences Portlet UI */
.gallery-portlet .ui-panel .ui-panel-titlebar {
  color: #000000 !important; }

.gallery-portlet .nGY2 .nGY2GThumbnailAlbumTitle, .gallery-portlet .nGY2 .nGY2GThumbnailImageTitle {
  white-space: normal !important;
  font-size: 14px !important; }

table.table.table-striped th {
  background-color: #060c38 !important;
  color: #ffffff !important;
  text-align: left !important; }

.portlet-message-boards .navbar-search .search-query {
  width: auto !important; }

.aui button.close, .aui button.btn.close {
  font-family: arial !important; }

.events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus {
  background: #060c38 !important; }

.MemberReservations-portlet .ui-dialog .heading.mr-heading {
  margin: 0 !important; }

.MemberReservations-portlet .ui-datatable-tablewrapper {
  overflow: hidden !important; }

@media only screen and (min-width: 1025px) {
  .activities-portlet span.current-time {
    margin-bottom: 5px !important; } }

.eventsReservation-portlet a.ers-back-to-list {
  color: #ffffff !important; }

.eventsReservation-portlet .btn.btn-primary {
  background-image: none !important; }
  .eventsReservation-portlet .btn.btn-primary:hover {
    background-color: #060c38 !important; }

#ui-area .marketing-carousel .carousel-inner .carousel-item .row {
  justify-content: center; }

#ui-area .marketing-carousel .carousel-control-container {
  margin: 20px 0 20px 0; }
  #ui-area .marketing-carousel .carousel-control-container a.left.carousel-control, #ui-area .marketing-carousel .carousel-control-container a.right.carousel-control {
    background-color: #060c38;
    padding: 5px;
    color: #ffffff; }
    #ui-area .marketing-carousel .carousel-control-container a.left.carousel-control:hover, #ui-area .marketing-carousel .carousel-control-container a.right.carousel-control:hover {
      background-color: #b49f29;
      color: #ffffff; }

/* Verify Email Spacing */
.sheet-lg {
  margin: 50px auto 10px !important; }

.has-control-menu #wrapper {
  margin-top: 0 !important;
  padding: 0 !important; }

.management-bar {
  display: none; }

.document-library-breadcrumb nav {
  display: none !important; }

/* MT#0301075: Calendar UI fix - Spring Lake Golf Club */
#calendarBookingDetailsPanelContainer .cal-choose-image-btn {
  color: #FFF;
  background-color: #2E5AAC !important;
  border-color: #2E5AAC !important;
  box-shadow: none; }

#calendarBookingDetailsPanelContainer .icon-remove:before {
  content: "\f00d";
  font-family: 'fontawesome-alloy';
  color: red; }

/* Side Nav For Mobile */
.sidenav-mobile-view-div {
  padding: 0 !important; }

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

/* Private Landing Classes starts */
#ui-area .private-content-wrapper {
  padding: 4% 0 0 0; }
  #ui-area .private-content-wrapper .private-right-col {
    padding: 0 0 0 6% !important; }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #ui-area .private-content-wrapper .private-right-col {
        padding: 0 0 0 2% !important; } }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #ui-area .private-content-wrapper .private-right-col {
        padding: 0 0 0 0 !important; } }
    #ui-area .private-content-wrapper .private-right-col .quick-links-area {
      margin: 0 0 10% 0 !important; }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #ui-area .private-content-wrapper .private-right-col .quick-links-area {
          margin: 0 0 5% 0 !important; } }
      #ui-area .private-content-wrapper .private-right-col .quick-links-area h2 {
        text-align: left;
        color: #b49f29 !important;
        padding: 10px 0px 15px 20px !important;
        text-transform: capitalize !important;
        font-size: 34px !important;
        display: block;
        font-family: "Montserrat", sans-serif;
        margin: 0;
        font-weight: 600;
        border-left: 2px solid #eaeaea; }
        @media screen and (min-width: 220px) and (max-width: 1023px) {
          #ui-area .private-content-wrapper .private-right-col .quick-links-area h2 {
            text-align: center;
            display: none; } }
  #ui-area .private-content-wrapper .private-left-col {
    /* Announcement Classes Start */
    /* Announcement Classes End */
    /* Upcoming portlet classes view */
    /* end Upcoming portlet classes view */ }
    #ui-area .private-content-wrapper .private-left-col .welcome-area h2 {
      font-size: 48px;
      font-family: "Montserrat", sans-serif;
      color: #000000;
      text-transform: capitalize;
      margin: 0px 0 20px;
      line-height: normal;
      padding: 0px 0 5px 0;
      font-weight: 600; }
      @media screen and (min-width: 1024px) and (max-width: 1365px) {
        #ui-area .private-content-wrapper .private-left-col .welcome-area h2 {
          font-size: 34px; } }
    #ui-area .private-content-wrapper .private-left-col .announcement-wrapper {
      margin: 30px 0 80px 0 !important;
      padding: 0 0 0 0 !important; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper {
          margin: 20px 0 40px 0 !important; } }
      @media screen and (min-width: 220px) and (max-width: 767px) {
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper {
          padding: 0 0px 0 0px !important;
          margin: 20px 0 40px 0 !important; } }
      #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home {
        /* border: 2px solid #e4e4e4;
					box-shadow: 0 0 30px #eee; */ }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home h1 {
          letter-spacing: 1px;
          font-weight: normal !important;
          color: #000000 !important; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home h1 span {
            font-weight: bold;
            color: #060c38 !important; }
          @media (max-width: 767px) {
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home h1 {
              font-size: 20px !important; } }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .ui-panel-content {
          padding: 0 !important; }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home h1 {
          font-size: 32px !important; }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .bx-wrapper {
          margin-bottom: 0px !important;
          margin-top: 10px !important;
          box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.2) !important;
          border: 11px solid #ffffff !important; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .bx-wrapper .bx-viewport {
            border: none !important;
            box-shadow: none !important; }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .ui-grid-col-1.delete-icon.layout6DeleteIcon {
          width: 50%; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .ui-grid-col-1.delete-icon.layout6DeleteIcon i {
            color: #000000;
            margin-left: 10px !important; }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .ui-grid-col-1.edit-icon.layout6EditIcon {
          width: 50%; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .ui-grid-col-1.edit-icon.layout6EditIcon i {
            color: #000000; }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .ann-browse-btn {
          color: #ffffff !important; }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement a.no-arrow {
          padding: 0;
          border-bottom: 0; }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content {
          padding: 80px 30px;
          width: 300px;
          background: rgba(15, 75, 108, 0.9); }
          @media screen and (max-width: 1250px) and (min-width: 300px) {
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content {
              padding: 30px 30px; } }
          @media screen and (max-width: 979px) and (min-width: 220px) {
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content {
              width: 100% !important;
              position: relative;
              text-align: center; } }
          @media screen and (max-width: 767px) and (min-width: 220px) {
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content a.announcement-title {
              padding: 0 !important;
              margin: 0; } }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content h3 {
            font-size: 30px !important;
            font-family: "Montserrat", sans-serif !important;
            font-weight: 600 !important; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content p {
            font-size: 18px !important;
            font-family: "Montserrat", sans-serif !important;
            font-weight: 300 !important; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content a.arrow {
            width: 100%;
            border-bottom: 0; }
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content a.arrow:after {
              right: 70%;
              top: 6px;
              filter: brightness(20); }
              @media screen and (min-width: 768px) and (max-width: 979px) {
                #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content a.arrow:after {
                  left: 0;
                  margin: 0 auto;
                  right: -10%; } }
              @media screen and (min-width: 220px) and (max-width: 767px) {
                #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content a.arrow:after {
                  left: 0;
                  margin: 0 auto;
                  right: -20%; } }
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content a.arrow .announcement-details {
              background-color: #060c38 !important;
              border: 1px solid #f9f9f9;
              border-radius: 4px;
              padding: 2px 5px !important;
              font-size: 18px !important;
              text-transform: capitalize !important;
              color: #ffffff !important;
              border: none !important;
              /* margin-left:0 !important; */
              font-family: "Montserrat", sans-serif !important; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content .announcement-controls {
            border: none !important; }
            @media screen and (min-width: 1560px) and (max-width: 1920px) {
              #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content .announcement-controls {
                bottom: 80px; } }
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content .announcement-controls .announcement-count {
              float: left !important; }
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content .announcement-controls .announcement-control-buttons {
              float: right !important; }
              @media screen and (min-width: 220px) and (max-width: 767px) {
                #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content .announcement-controls .announcement-control-buttons {
                  margin-top: 0px !important; } }
              #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content .announcement-controls .announcement-control-buttons button i {
                line-height: 28px; }
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content .announcement-controls ul {
              padding: 0; }
          @media screen and (min-width: 220px) and (max-width: 979px) {
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-content {
              min-height: auto; } }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar {
          background-color: #ffffff !important;
          position: relative !important; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description span.announcement-title {
            color: #000000 !important;
            margin-left: 0;
            font-size: 30px !important;
            text-transform: none;
            margin-left: 0 !important;
            font-family: "Montserrat", sans-serif;
            font-weight: 400 !important;
            display: block;
            letter-spacing: 0px;
            margin-right: 0 !important; }
            @media screen and (min-width: 220px) and (max-width: 767px) {
              #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description span.announcement-title {
                font-size: 20px !important; } }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description .announcement-short-description {
            color: #000000 !important;
            margin-left: 0;
            font-size: 20px !important;
            text-transform: none;
            margin-left: 0 !important;
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            margin-left: 0 !important; }
            @media screen and (min-width: 220px) and (max-width: 767px) {
              #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description .announcement-short-description {
                font-size: 14px !important; } }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description span.announcement-details {
            color: #ffffff !important;
            background-color: #060c38 !important;
            font-family: "Montserrat", sans-serif !important; }
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description span.announcement-details:hover {
              background-color: #060c38 !important;
              color: #ffffff !important; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls ul {
            padding: 0; }
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls ul li a i {
              font-size: 18px !important;
              background-color: #666666;
              border-radius: 100%;
              width: 32px !important;
              height: 32px;
              line-height: 31px;
              color: #ffffff; }
          #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls li.announcement-pagination {
            color: #000000 !important;
            vertical-align: top;
            margin-top: 0px !important;
            font-size: 20px !important;
            font-family: "Montserrat", sans-serif !important;
            font-weight: normal; }
            @media screen and (min-width: 1024px) and (max-width: 1199px) {
              #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls li.announcement-pagination {
                float: none !important; } }
            @media screen and (min-width: 220px) and (max-width: 1023px) {
              #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls li.announcement-pagination {
                float: none !important; } }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement img.announcement-image {
          height: auto !important; }
          @media screen and (min-width: 220px) and (max-width: 1250px) {
            #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .announcement img.announcement-image {
              height: 100% !important;
              min-height: 350px !important; } }
        #ui-area .private-content-wrapper .private-left-col .announcement-wrapper .announcement-wrapper-home .announcement-portlet .bx-wrapper li {
          margin: 0 !important;
          padding: 0 !important; }
    #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h1, #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h2 {
      font-size: 48px !important;
      font-family: "Montserrat", sans-serif !important;
      color: #b49f29 !important;
      text-transform: capitalize !important;
      line-height: 30px !important;
      font-weight: 600;
      display: block;
      padding: 0 0 25px 0; }
      @media screen and (min-width: 220px) and (max-width: 1250px) {
        #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h1, #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h2 {
          font-size: 34px !important; } }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h1, #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h2 {
          margin: 0;
          padding: 0; } }
      #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h1 i, #ui-area .private-content-wrapper .private-left-col .upcoming-events-heading h2 i {
        display: none; }
    #ui-area .private-content-wrapper .private-left-col .home-events-wrapper {
      margin: 0px 0 40px 0 !important;
      padding: 3% 2% !important;
      background-color: #ffffff;
      box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.2) !important; }
      @media screen and (min-width: 200px) and (max-width: 767px) {
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper {
          padding: 5px !important;
          margin: 0px 0 20px 0; } }
      @media screen and (min-width: 200px) and (max-width: 1023px) {
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper {
          margin: 40px 0 40px 0 !important; } }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet li.events-list-li {
        background-color: transparent !important;
        padding-bottom: 10px;
        font-size: 18px !important;
        padding: 0 30px 0 30px;
        border: none; }
        @media screen and (min-width: 220px) and (max-width: 767px) {
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet li.events-list-li {
            padding: 0 10px 0 10px; } }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet li.events-list-li a.ui-widget {
          color: #666666 !important;
          font-size: 18px !important;
          font-weight: normal; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet li.events-list-li .ui-widget {
          font-family: "Montserrat", sans-serif !important;
          color: #000000 !important; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet li.events-list-li .events-remove-hyperlink-style.events-event-date-container {
          padding: 10px 0 10px 0;
          border-bottom: 1px solid #eee; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet li.events-list-li a.events-event-time {
          /*float: right;*/ }
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet li.events-list-li a.events-event-time span {
            color: #666666; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-event-date {
        color: #666666 !important;
        font-size: 18px !important;
        font-weight: normal; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-event-date:before {
          color: #666666; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-event-time {
        color: #666666 !important;
        font-size: 18px !important;
        font-weight: normal; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-event-time:before {
          color: #666666; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .ui-datagrid-column {
        background: #ffffff !important;
        padding: 0px 0px 0; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventname {
        font-size: 20px !important;
        color: #000000 !important;
        margin: 0px;
        letter-spacing: 0 !important;
        font-family: "Montserrat", sans-serif !important;
        text-transform: capitalize !important; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event {
        margin: 0px 0 40px 0 !important;
        background: #ffffff !important;
        border: none !important;
        max-width: 930px !important;
        border-bottom: 1px solid #efefef !important; }
        @media screen and (min-width: 1400px) and (max-width: 1920px) {
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event {
            max-width: 1180px !important; } }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventdetail {
        border-bottom: none !important;
        background: #ffffff !important;
        padding: 0px 0px 0 0px !important;
        margin: 0 0 5px 0 !important; }
        @media screen and (min-width: 220px) and (max-width: 1023px) {
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventdetail {
            padding: 0px 5px 0 5px !important; } }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
          font-size: 34px;
          text-transform: capitalize;
          color: #4d5f80;
          padding: 0px 0 10px 0;
          font-weight: 500;
          font-family: "Montserrat", sans-serif; }
          @media screen and (min-width: 220px) and (max-width: 1023px) {
            #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventtitle {
              font-size: 30px; } }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdescription {
          font-size: 18px;
          line-height: 28px;
          color: #666666;
          font-weight: 300;
          margin: 10px 0 !important;
          font-family: "Poppins", sans-serif; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventdetail .events-advancelisting-hr {
          display: none; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .event-list-heading {
        margin: 0px 0px 0 !important;
        background-color: #ffffff;
        padding: 0px 0px 10px !important; }
        @media screen and (min-width: 220px) and (max-width: 767px) {
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .event-list-heading {
            margin: 0px 0px !important; } }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .event-list-heading .events-title {
          font-size: 48px !important;
          font-family: "Montserrat", sans-serif !important;
          color: #060c38 !important;
          text-transform: capitalize !important;
          line-height: 30px !important;
          font-weight: 700;
          display: none;
          letter-spacing: 1px;
          margin: 0; }
          @media screen and (min-width: 220px) and (max-width: 1250px) {
            #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .event-list-heading .events-title {
              font-size: 34px !important; } }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-cal-link {
        margin: 0 0 0 0px; }
        @media screen and (max-width: 767px) and (min-width: 220px) {
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-cal-link {
            margin: 0 0 0 0px; } }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventtimgcontainer .events-advancelisting-eventtimg {
        height: 320px !important;
        margin-bottom: 30px;
        border: 1px solid #ececec !important; }
        @media screen and (min-width: 1400px) and (max-width: 1920px) {
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventtimgcontainer .events-advancelisting-eventtimg {
            height: 216px !important;
            max-width: 330px; } }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
        width: 50% !important; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname {
        font-size: 18px !important;
        color: #000000 !important;
        font-family: "Montserrat", sans-serif !important;
        font-weight: normal !important; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus {
          padding: 5px 10px !important;
          background: #ffffff !important;
          color: #b49f29 !important;
          text-transform: uppercase !important;
          font-family: "Montserrat", sans-serif !important;
          letter-spacing: 0 !important;
          font-size: 18px !important;
          font-weight: 500; }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus {
              display: block;
              margin: 0 0 30px 0;
              float: none;
              text-align: center; } }
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-Reserved {
            background: #ffffff !important;
            color: #b49f29 !important;
            border: 2px solid #060c38; }
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-No {
            background: #ffffff !important;
            color: #f1331e !important;
            border: 2px solid #f1331e; }
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-Available {
            background: #ffffff !important;
            color: #b49f29 !important;
            border: 2px solid #060c38; }
          #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus.events-advancelisting-eventstatus-Unavailable {
            background: #ffffff !important;
            color: #b49f29 !important;
            border: 2px solid #060c38; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails {
        font-size: 18px;
        color: #666666 !important;
        margin-top: 20px;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        letter-spacing: 1px; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-eventdate, #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-eventtime {
          font-size: 18px !important;
          color: #666666 !important;
          font-family: "Poppins", sans-serif;
          font-weight: 300; }
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails i {
          color: #000000; }
      #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-eventtime {
        font-size: 18px !important;
        color: #666666 !important;
        font-family: "Poppins", sans-serif; }
      @media screen and (max-width: 1024px) and (min-width: 220px) {
        #ui-area .private-content-wrapper .private-left-col .home-events-wrapper .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
          width: 100% !important; } }

/* end Private landing classes */
#ui-area .rev-slider-heading-pub-home {
  text-align: center;
  /* &:before {
			content: "";
			box-shadow: 0 50px 160px 100px rgba(0,0,0,0.7);
			width: 100%;
			max-width: 810px;
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
			z-index: -1;
			@media screen and (min-width: 220px) and (max-width:767px) {
				display:none;
			}
		} */ }
  #ui-area .rev-slider-heading-pub-home h1 {
    font-size: 65px;
    margin: 0px 0 0 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #ui-area .rev-slider-heading-pub-home h1 {
        font-size: 48px !important; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .rev-slider-heading-pub-home h1 {
        font-size: 20px !important; } }
  #ui-area .rev-slider-heading-pub-home h3 {
    font-size: 40px;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #ui-area .rev-slider-heading-pub-home h3 {
        font-size: 30px !important; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .rev-slider-heading-pub-home h3 {
        font-size: 16px !important; } }
  #ui-area .rev-slider-heading-pub-home .NotGeneric-Title {
    font-size: 40px !important;
    margin: 0px 0 20px 0 !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
    line-height: 0 !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #ui-area .rev-slider-heading-pub-home .NotGeneric-Title {
        font-size: 30px !important; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .rev-slider-heading-pub-home .NotGeneric-Title {
        font-size: 16px !important;
        margin: -25px 0 0px 0 !important; } }
  #ui-area .rev-slider-heading-pub-home .NotGeneric-SubTitle {
    font-size: 65px !important;
    margin: 0 !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9) !important;
    color: #ffffff !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #ui-area .rev-slider-heading-pub-home .NotGeneric-SubTitle {
        font-size: 48px !important; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .rev-slider-heading-pub-home .NotGeneric-SubTitle {
        font-size: 20px !important; } }
  #ui-area .rev-slider-heading-pub-home:before {
    content: "";
    box-shadow: 0 50px 160px 100px rgba(0, 0, 0, 0.7);
    width: 100%;
    max-width: 1000px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 52%;
    z-index: 1; }
  #ui-area .rev-slider-heading-pub-home a.btn-primary {
    background-color: #b49f29 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    border: 1px solid #ffffff !important;
    margin: 30px 0 0 0 !important;
    font-size: 18px !important;
    font-weight: 500;
    padding: 14px 15px 10px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out 0s; }
    @media screen and (min-width: 768px) and (max-width: 1366px) {
      #ui-area .rev-slider-heading-pub-home a.btn-primary {
        /* margin: 10px auto !important; */
        margin: 85px auto 0 auto !important; } }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .rev-slider-heading-pub-home a.btn-primary {
        font-size: 14px !important;
        margin: 25px auto 0 auto !important;
        padding: 8px 10px 7px !important;
        max-width: 150px; } }
    #ui-area .rev-slider-heading-pub-home a.btn-primary:hover, #ui-area .rev-slider-heading-pub-home a.btn-primary:active, #ui-area .rev-slider-heading-pub-home a.btn-primary:focus {
      color: #ffffff;
      transition: all 0.3s ease-in-out 0s;
      text-decoration: none !important;
      background-color: #060c38 !important; }

#ui-area .slider-scroll-arrow {
  cursor: pointer;
  position: absolute;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  text-align: center;
  width: 100%;
  max-width: 50%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #ui-area .slider-scroll-arrow {
      bottom: 78px; } }
  @media screen and (min-width: 220px) and (max-width: 767px) {
    #ui-area .slider-scroll-arrow {
      bottom: 0; } }
  #ui-area .slider-scroll-arrow #html-generator-scroll {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
    text-transform: none;
    /* text-shadow:1px 1px 1px rgba(0,0,0,0.2); */
    font-weight: 400;
    margin: 0 auto;
    text-align: center;
    transition: all 1s ease-in-out 0s;
    text-transform: uppercase; }
    #ui-area .slider-scroll-arrow #html-generator-scroll:hover {
      transition: all 1s ease-in-out 0s;
      transform: scale(1.1, 1.1); }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .slider-scroll-arrow #html-generator-scroll {
        font-size: 12px; } }
  #ui-area .slider-scroll-arrow i.fas.fa-arrow-down {
    margin-top: 20px;
    font-size: 150%;
    display: block;
    margin-bottom: 0px; }
    @media screen and (min-width: 220px) and (max-width: 767px) {
      #ui-area .slider-scroll-arrow i.fas.fa-arrow-down {
        margin-top: 0px; } }

#ui-area .section-1-content h3 {
  text-align: center;
  font-size: 28px;
  color: #000000;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 220px) and (max-width: 1023px) {
    #ui-area .section-1-content h3 {
      font-size: 20px !important; } }

#ui-area .section-1-content h2 {
  font-size: 48px;
  color: #b49f29;
  text-transform: capitalize;
  margin-bottom: 40px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 600; }
  @media screen and (min-width: 220px) and (max-width: 1023px) {
    #ui-area .section-1-content h2 {
      font-size: 24px !important;
      margin-bottom: 20px; } }

#ui-area .section-1-content p a.btn.btn-primary {
  margin: 0 auto !important;
  display: block;
  text-align: center;
  width: 100%;
  max-width: 200px;
  background-color: #ffffff !important;
  color: #b49f29 !important;
  border-radius: 2px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  border: 2px solid #060c38 !important;
  font-size: 18px !important;
  font-weight: 500;
  padding: 14px 15px 10px;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out 0s;
  font-family: "Montserrat", sans-serif !important; }
  @media screen and (min-width: 220px) and (max-width: 1023px) {
    #ui-area .section-1-content p a.btn.btn-primary {
      font-size: 14px !important;
      padding: 8px 10px 7px !important;
      max-width: 100%; } }
  #ui-area .section-1-content p a.btn.btn-primary:hover, #ui-area .section-1-content p a.btn.btn-primary:active, #ui-area .section-1-content p a.btn.btn-primary:focus {
    color: #ffffff;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none !important;
    background-color: #060c38 !important;
    color: #ffffff !important; }

#ui-area .public-quick-link-boxes {
  padding: 5% 0 0; }
  #ui-area .public-quick-link-boxes .even-column {
    background-color: #f8f8f8; }
    #ui-area .public-quick-link-boxes .even-column .metis.tparrows {
      background: #060c38;
      padding: 8px !important;
      border-bottom: 0; }
      #ui-area .public-quick-link-boxes .even-column .metis.tparrows:before {
        color: #ffffff !important; }
    #ui-area .public-quick-link-boxes .even-column #rev_slider_4_3_wrapper .tp-rightarrow {
      left: 0 !important;
      border-left: 0 !important; }
    #ui-area .public-quick-link-boxes .even-column #rev_slider_4_4_wrapper .tparrows {
      left: 84.3% !important; }
      @media screen and (min-width: 1200px) and (max-width: 1899px) {
        #ui-area .public-quick-link-boxes .even-column #rev_slider_4_4_wrapper .tparrows {
          left: 81.1% !important; } }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        #ui-area .public-quick-link-boxes .even-column #rev_slider_4_4_wrapper .tparrows {
          left: 75.6% !important; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #ui-area .public-quick-link-boxes .even-column #rev_slider_4_4_wrapper .tparrows {
          left: 83.6% !important; } }
    #ui-area .public-quick-link-boxes .even-column #rev_slider_4_5_wrapper .tp-rightarrow {
      left: 0 !important;
      border-left: 0 !important; }
    #ui-area .public-quick-link-boxes .even-column .even-col-left {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 0 9%; }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        #ui-area .public-quick-link-boxes .even-column .even-col-left {
          padding: 2% 2%; } }
      @media screen and (min-width: 220px) and (max-width: 1023px) {
        #ui-area .public-quick-link-boxes .even-column .even-col-left {
          padding: 5% 5%; } }
  #ui-area .public-quick-link-boxes h3 {
    text-align: center;
    font-size: 28px;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0; }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #ui-area .public-quick-link-boxes h3 {
        font-size: 20px !important; } }
  #ui-area .public-quick-link-boxes h2 {
    font-size: 48px;
    color: #000000;
    text-transform: capitalize;
    margin-bottom: 25px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 600; }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #ui-area .public-quick-link-boxes h2 {
        font-size: 24px !important;
        margin-bottom: 20px; } }
  #ui-area .public-quick-link-boxes p {
    text-align: center; }
  #ui-area .public-quick-link-boxes a.btn.btn-primary {
    margin: 0 auto !important;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 200px;
    background-color: #f8f8f8 !important;
    color: #b49f29 !important;
    border-radius: 2px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    border: 2px solid #060c38 !important;
    font-size: 18px !important;
    font-weight: 500;
    padding: 14px 15px 10px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out 0s;
    font-family: "Montserrat", sans-serif !important; }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #ui-area .public-quick-link-boxes a.btn.btn-primary {
        font-size: 14px !important;
        padding: 8px 10px 7px !important;
        max-width: 100%; } }
    #ui-area .public-quick-link-boxes a.btn.btn-primary:hover, #ui-area .public-quick-link-boxes a.btn.btn-primary:active, #ui-area .public-quick-link-boxes a.btn.btn-primary:focus {
      color: #ffffff;
      transition: all 0.3s ease-in-out 0s;
      text-decoration: none !important;
      background-color: #060c38 !important;
      color: #ffffff !important; }

/* On Mobile Member Login */
.Member-login-footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background-color: #060c38;
  color: #ffffff;
  line-height: normal;
  z-index: 110;
  /* height: 100%;
	max-height: 66px; */
  border-radius: 0px; }
  .Member-login-footer a {
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 10px 0;
    display: inline-block; }
    .Member-login-footer a:hover {
      color: #ffffff; }
    .Member-login-footer a.user-greeting-phone {
      /* padding: 18px 0 0 0; */ }
      .Member-login-footer a.user-greeting-phone img.phone-m-image {
        width: 36px;
        height: 36px;
        border-radius: 100%;
        min-height: 27px;
        border: 1px solid #560a0e;
        vertical-align: middle;
        margin: 0px 10px 0 0; }
  .Member-login-footer h2 {
    font-size: 14px;
    margin: 0px;
    text-shadow: none;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    font-family: "Montserrat", sans-serif; }
  .Member-login-footer #user-greeting {
    font-size: 14px;
    color: #ffffff; }

/*End On Mobile Member Login */
@media screen and (min-width: 768px) {
  .mm_login.login-page .navbar {
    display: none; } }

.mm_login.login-page .background-wrap {
  background: #fff;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .mm_login.login-page .background-wrap {
      /* background-image: none !important; */ } }
  @media screen and (min-width: 768px) {
    .mm_login.login-page .background-wrap {
      min-height: 100vh;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; } }
  .mm_login.login-page .background-wrap a.logo {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px; }
    .mm_login.login-page .background-wrap a.logo img {
      max-width: 129px;
      max-height: 83px; }
  .mm_login.login-page .background-wrap .login-wrap {
    /* max-width: 805px; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      .mm_login.login-page .background-wrap .login-wrap .login-style {
        padding-top: 40px; }
        .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login {
          padding-top: 12px; }
          .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left {
            padding: 20px 18px 8px; }
            .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading {
              margin-bottom: 0 !important; }
              .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading h2 {
                margin-bottom: 8px !important; }
            .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form input[type="text"] {
              margin-bottom: 12px;
              width: 100%; }
            .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form label[for="_58_rememberMeCheckbox"] {
              margin-top: 12px; }
            .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form #divTogglePassword .checkbox #_58_showPasswordCheckbox {
              opacity: 0; }
            .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .button-holder {
              margin-top: 8px; } }
  @media screen and (max-width: 767px) {
    .mm_login.login-page .background-wrap #content-wrapper-login {
      padding: 20px 8px 0; } }
  @media screen and (max-width: 480px) {
    .mm_login.login-page .background-wrap #content-wrapper-login {
      padding: 20px 5px 0; } }
  @media screen and (min-width: 768px) {
    .mm_login.login-page .background-wrap #content-wrapper-login {
      padding: 20px 17px 20px; } }
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    box-sizing: border-box;
    display: block; }
    @media screen and (min-width: 768px) {
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
        display: inline-block; } }
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
    padding: 22px;
    margin-bottom: 0px; }
    @media screen and (min-width: 768px) {
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
        margin-bottom: 0; } }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left h2 {
      margin-bottom: 12px; }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card {
      text-align: center; }
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form {
        margin-bottom: 10px; }
        .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .login-heading {
          margin-bottom: 0px !important; }
        .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group {
          margin-bottom: 12px; }
          .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
            /* margin-bottom: 0; */
            height: 36px;
            /* width: 100%; */
            margin: 0 auto 10px auto; }
            @media (min-width: 300px) and (max-width: 767px) {
              .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
                width: 100%; } }
            .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input[type="password"] {
              margin-bottom: 10px; }
          .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group label.control-label {
            color: #000000;
            text-transform: none;
            font-size: 18px !important;
            font-weight: 500 !important; }
        .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form label.checkbox {
          margin-left: 0;
          font-size: 18px !important;
          font-weight: 500 !important; }
          @media screen and (min-width: 200px) and (max-width: 768px) {
            .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form label.checkbox {
              font-size: 14px !important; } }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
      font-weight: 500;
      font-size: 18px;
      color: #000000;
      text-transform: none;
      line-height: 40px; }
      @media screen and (min-width: 200px) and (max-width: 768px) {
        .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
          font-size: 14px !important; } }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .button-holder {
      margin-top: 20px; }
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .button-holder .btn {
        margin-top: 16px;
        display: block;
        background: #060c38;
        text-shadow: none;
        border: none;
        box-shadow: none;
        padding: 6px 6px 8px !important;
        border-radius: 3px !important;
        width: 100%;
        font-size: 18px;
        margin: 0 auto !important;
        max-width: 220px;
        font-family: "Montserrat", sans-serif !important; }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation {
      text-align: center;
      background: transparent !important; }
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation a.taglib-icon img {
        display: none; }
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-text {
        display: block;
        background: #b49f29 !important;
        text-shadow: none;
        border: none;
        box-shadow: none;
        padding: 8px 30px 8px !important;
        font-size: 18px;
        margin: 0 auto !important;
        font-family: "Montserrat", sans-serif !important;
        transition: all .5s ease 0s;
        text-decoration: none !important;
        line-height: 24px;
        border-radius: 2px !important;
        color: #ffffff !important;
        width: 100%;
        max-width: 220px;
        font-weight: 600; }
        @media screen and (min-width: 200px) and (max-width: 768px) {
          .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-text {
            font-size: 14px !important;
            padding: 8px 48px 8px !important; } }
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-captcha .captcha {
        margin-bottom: 10px; }
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    margin-left: 0;
    border-left: 1px solid #bbb; }
    @media screen and (min-width: 200px) and (max-width: 767px) {
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
        border-left: 0px solid #bbb; } }
    @media screen and (min-width: 768px) {
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
        padding: 11px 0px 10px 20px; } }
    @media screen and (min-width: 980px) {
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
        padding: 8px 30px 10px 30px; } }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
      font-size: 34px;
      color: #000000;
      line-height: 30px;
      margin-bottom: 16px;
      text-transform: uppercase;
      letter-spacing: 0px; }
      @media screen and (max-width: 480px) {
        .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
          font-size: 20px; } }
      .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1:not(:first-of-type) {
        margin-top: 24px; }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2 {
      font-size: 34px;
      color: #000000;
      line-height: 30px;
      margin: 0 0 20px 0px;
      font-style: normal;
      text-transform: capitalize;
      letter-spacing: 0px; }
      @media screen and (min-width: 200px) and (max-width: 767px) {
        .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2 {
          text-align: center; } }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right hr {
      margin-top: 8px;
      margin-bottom: 8px;
      border-top: 1px solid #ede9e6;
      border-bottom: none; }
    .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right p {
      font-family: "Poppins", sans-serif !important; }
  .mm_login.login-page .background-wrap > .container-fluid.block {
    padding-top: 220px;
    padding-bottom: 100px; }
    @media screen and (min-width: 768px) {
      .mm_login.login-page .background-wrap > .container-fluid.block {
        /*           padding-top: 110px;
          padding-bottom: 80px; */ } }
    @media screen and (max-width: 767px) {
      .mm_login.login-page .background-wrap > .container-fluid.block {
        padding-bottom: 100px; } }
    @media screen and (max-width: 1600px) and (min-width: 1400px) {
      .mm_login.login-page .background-wrap > .container-fluid.block {
        padding-top: 150px; } }
    @media screen and (max-width: 1366px) and (min-width: 1300px) {
      .mm_login.login-page .background-wrap > .container-fluid.block {
        padding-top: 40px; } }
    @media screen and (max-width: 1199px) and (min-width: 1024px) {
      .mm_login.login-page .background-wrap > .container-fluid.block {
        padding-top: 40px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .mm_login.login-page .background-wrap > .container-fluid.block {
        padding-top: 60px; } }
    @media screen and (max-width: 767px) and (min-width: 220px) {
      .mm_login.login-page .background-wrap > .container-fluid.block {
        padding-top: 40px; } }

.mm_login.login-page #ui-area {
  background: rgba(248, 248, 248, 0.9);
  padding: 0;
  border: 10px solid #b49f29; }

.mm_login.login-page .site-footer {
  margin-top: 0; }

@media screen and (max-width: 1023px) {
  div#textured-cssmenu {
    display: none !important; }
  .smartphone-nav-div {
    display: block !important; }
  .container-header {
    width: 100%; } }

@media screen and (min-width: 1022px) {
  .smartphone-nav-div {
    display: block !important; }
  .textured-nav-div {
    display: block !important; }
  div#mm-0 {
    transform: initial !important; }
  .container-header {
    width: 110px; }
  .desktop-hum {
    display: none !important; }
  div#mm-menu-headerDIV {
    display: none; } }

/** NEW PASSWORD SCREEN MESSAGE CLASSES START **/
h1.portlet-title {
  background-color: #004812;
  color: #fff !important;
  text-shadow: none !important;
  padding: 0 0 0 10px !important; }

section.portlet#portlet_password-reminder,
section.portlet#portlet_new-password {
  max-width: 1000px;
  margin: 0px auto 150px !important;
  border: 1px solid #bbb;
  padding: 30px 5px 15px;
  border-radius: 5px;
  /* display: block; */
  background-color: #ffffff;
  left: 0 !important;
  right: 0 !important;
  top: 100px;
  position: relative; }
  section.portlet#portlet_password-reminder .login-card,
  section.portlet#portlet_new-password .login-card {
    border: none; }
  section.portlet#portlet_password-reminder .sheet-lg,
  section.portlet#portlet_new-password .sheet-lg {
    max-width: 1000px;
    border: none; }
  @media screen and (min-width: 220px) and (max-width: 1024px) {
    section.portlet#portlet_password-reminder,
    section.portlet#portlet_new-password {
      box-shadow: none;
      margin: 50px auto 50px auto !important;
      top: 0px; } }

#portlet_password-reminder .update-reminder-query .control-group {
  max-width: inherit !important; }

#portlet_password-reminder legend {
  color: #7b6c45 !important; }

/* Forget password End */
/* login reminder queestion class */
.login-col-left .alert.alert-success {
  margin-left: 10px;
  margin-top: 15px; }

/* end login reminder queestion class */
#ui-area .grid-boxes {
  position: relative;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 220px) and (max-width: 1023px) {
    #ui-area .grid-boxes {
      display: block; } }
  #ui-area .grid-boxes figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 0 0 0;
    height: 100%;
    width: 50%;
    text-align: center;
    cursor: pointer;
    /* background: rgba(0, 86, 151, 0.7); */
    flex: 1 1 50%; }
    @media screen and (min-width: 220px) and (max-width: 1023px) {
      #ui-area .grid-boxes figure {
        width: 100%; } }
    #ui-area .grid-boxes figure:last-child {
      margin-right: 0; }
    #ui-area .grid-boxes figure img {
      position: relative;
      display: block;
      min-height: 100%;
      max-width: 100%;
      /* opacity: 0.8; */ }
    #ui-area .grid-boxes figure figcaption {
      padding: 8em 8em;
      color: #ffffff;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        #ui-area .grid-boxes figure figcaption {
          padding: 3em 1em !important; } }
      @media screen and (min-width: 220px) and (max-width: 767px) {
        #ui-area .grid-boxes figure figcaption {
          /* padding: 1em !important; */ } }
      #ui-area .grid-boxes figure figcaption::before, #ui-area .grid-boxes figure figcaption::after {
        pointer-events: none; }
      #ui-area .grid-boxes figure figcaption a {
        /* position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					width: 100%;
					height: 100%;
					z-index: 10;
					text-indent: 200%;
					white-space: nowrap;
					font-size:0;
					opacity:0; */ }
    #ui-area .grid-boxes figure.effect-roxy {
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s; }
      #ui-area .grid-boxes figure.effect-roxy img {
        max-width: none;
        width: 100%;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0px, 0, 0); }
      #ui-area .grid-boxes figure.effect-roxy figcaption {
        padding: 10em 5em;
        text-align: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1; }
        @media screen and (min-width: 1300px) and (max-width: 1599px) {
          #ui-area .grid-boxes figure.effect-roxy figcaption {
            padding: 7em 1em; } }
        @media screen and (min-width: 980px) and (max-width: 1299px) {
          #ui-area .grid-boxes figure.effect-roxy figcaption {
            padding: 5em 2em !important; } }
        @media screen and (min-width: 768px) and (max-width: 979px) {
          #ui-area .grid-boxes figure.effect-roxy figcaption {
            padding: 10em 2em !important; } }
        @media screen and (min-width: 220px) and (max-width: 767px) {
          #ui-area .grid-boxes figure.effect-roxy figcaption {
            padding: 3em 2em !important; } }
        #ui-area .grid-boxes figure.effect-roxy figcaption::before {
          content: "";
          background: rgba(0, 0, 0, 0.32);
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: -1; }
        #ui-area .grid-boxes figure.effect-roxy figcaption a.btn-primary {
          opacity: 1;
          position: relative;
          width: auto;
          white-space: normal !important;
          height: auto;
          text-indent: inherit !important;
          background-color: transparent !important;
          box-shadow: none !important;
          padding: 8px 0;
          display: block;
          width: 100%;
          max-width: 200px;
          margin: 30px auto 0 auto !important;
          text-align: center;
          text-transform: uppercase;
          color: #ffffff !important;
          font-size: 18px !important;
          font-weight: 600;
          border: none !important;
          text-align: center;
          letter-spacing: 0px;
          border: 2px solid #ffffff !important;
          border-radius: 0px !important;
          transition: all 0.3s ease-in-out 0s; }
          #ui-area .grid-boxes figure.effect-roxy figcaption a.btn-primary:hover, #ui-area .grid-boxes figure.effect-roxy figcaption a.btn-primary:active, #ui-area .grid-boxes figure.effect-roxy figcaption a.btn-primary:focus {
            background-color: #ffffff !important;
            color: #060c38 !important; }
          @media screen and (min-width: 768px) and (max-width: 1299px) {
            #ui-area .grid-boxes figure.effect-roxy figcaption a.btn-primary {
              font-size: 14px !important;
              max-width: 150px;
              padding: 5px 0; } }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #ui-area .grid-boxes figure.effect-roxy figcaption a.btn-primary {
              font-size: 14px !important;
              max-width: 140px;
              padding: 5px 0px; } }
      #ui-area .grid-boxes figure.effect-roxy h2 {
        padding: 0 0 0px 0;
        color: #ffffff !important;
        font-size: 40px !important;
        text-shadow: 3px 0px 7px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
        margin: 0;
        text-align: center;
        transition: all 0.3s ease-in-out 0s; }
        @media screen and (min-width: 768px) and (max-width: 1299px) {
          #ui-area .grid-boxes figure.effect-roxy h2 {
            font-size: 20px !important; } }
        @media screen and (min-width: 220px) and (max-width: 767px) {
          #ui-area .grid-boxes figure.effect-roxy h2 {
            font-size: 18px !important; } }
        #ui-area .grid-boxes figure.effect-roxy h2:after {
          content: "";
          display: block;
          width: 100%;
          max-width: 25%;
          margin: 10px auto 0;
          text-align: center;
          height: 4px;
          background-color: #ffffff;
          transition: all 0.3s ease-in-out 0s; }
      #ui-area .grid-boxes figure.effect-roxy p {
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
        font-size: 20px !important;
        text-transform: none !important;
        color: #ffffff !important;
        line-height: normal;
        font-weight: 600;
        margin: 10px 0 10px 0;
        text-align: center;
        font-family: "Montserrat", sans-serif;
        opacity: 0;
        display: none;
        transition: all 0.3s ease-in-out 0s; }
        @media screen and (min-width: 768px) and (max-width: 1299px) {
          #ui-area .grid-boxes figure.effect-roxy p {
            font-size: 14px !important; } }
        @media screen and (min-width: 220px) and (max-width: 767px) {
          #ui-area .grid-boxes figure.effect-roxy p {
            font-size: 14px !important;
            line-height: normal; } }
      #ui-area .grid-boxes figure.effect-roxy i {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0); }
      #ui-area .grid-boxes figure.effect-roxy:hover {
        transition: all 0.3s ease-in-out 0s; }
        #ui-area .grid-boxes figure.effect-roxy:hover img {
          opacity: 0.1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
        #ui-area .grid-boxes figure.effect-roxy:hover p {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          display: block;
          transition: all 0.3s ease-in-out 0s;
          text-shadow: 3px 0px 7px rgba(0, 0, 0, 0.54); }
        #ui-area .grid-boxes figure.effect-roxy:hover i {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          border: 1px solid #ffffff;
          border-radius: 100%;
          padding: 15px;
          width: 50px;
          height: 50px; }
        #ui-area .grid-boxes figure.effect-roxy:hover h2 {
          padding: 0 0 0px 0;
          color: #ffffff !important;
          font-size: 40px !important;
          text-shadow: 3px 0px 7px rgba(0, 0, 0, 0.5);
          text-transform: uppercase;
          margin: 0;
          text-align: center;
          transition: all 0.3s ease-in-out 0s; }
          @media screen and (min-width: 768px) and (max-width: 1299px) {
            #ui-area .grid-boxes figure.effect-roxy:hover h2 {
              font-size: 20px !important; } }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #ui-area .grid-boxes figure.effect-roxy:hover h2 {
              font-size: 18px !important; } }
          #ui-area .grid-boxes figure.effect-roxy:hover h2:after {
            content: "";
            display: block;
            width: 100%;
            max-width: 25%;
            margin: 10px auto 0;
            text-align: center;
            height: 4px;
            background-color: #ffffff; }
        #ui-area .grid-boxes figure.effect-roxy:hover figcaption {
          text-align: center;
          padding: 8em 5em;
          transition: all 0.3s ease-in-out 0s;
          /* outline: 1px solid $Light-fontColor;
						outline-offset: -17px; */ }
          @media screen and (min-width: 1300px) and (max-width: 1599px) {
            #ui-area .grid-boxes figure.effect-roxy:hover figcaption {
              padding: 6em 2em !important; } }
          @media screen and (min-width: 980px) and (max-width: 1299px) {
            #ui-area .grid-boxes figure.effect-roxy:hover figcaption {
              padding: 5em 2em !important; } }
          @media screen and (min-width: 768px) and (max-width: 979px) {
            #ui-area .grid-boxes figure.effect-roxy:hover figcaption {
              padding: 10em 2em !important; } }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #ui-area .grid-boxes figure.effect-roxy:hover figcaption {
              padding: 2em 2em !important; } }
          #ui-area .grid-boxes figure.effect-roxy:hover figcaption::before {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            display: none; }
        #ui-area .grid-boxes figure.effect-roxy:hover::before {
          content: "";
          position: absolute;
          background: rgba(63, 118, 191, 0.9);
          width: 100%;
          right: 0;
          left: 0;
          top: 0;
          bottom: 0;
          color: transparent;
          -webkit-transition: all .3s linear 0s;
          transition: all .3s linear 0s; }
        #ui-area .grid-boxes figure.effect-roxy:hover a.btn-primary {
          opacity: 1;
          position: relative;
          width: auto;
          white-space: normal !important;
          height: auto;
          text-indent: inherit !important;
          background-color: #ffffff !important;
          box-shadow: none !important;
          padding: 8px 0;
          display: block;
          width: 100%;
          max-width: 200px;
          margin: 20px auto 0 auto !important;
          text-align: center;
          text-transform: uppercase;
          color: #060c38 !important;
          font-size: 18px !important;
          font-weight: 600;
          border: none !important;
          text-align: center;
          letter-spacing: 0px;
          border-radius: 0px !important;
          transition: all 0.3s ease-in-out 0s;
          border: 2px solid #ffffff !important; }
          #ui-area .grid-boxes figure.effect-roxy:hover a.btn-primary:hover, #ui-area .grid-boxes figure.effect-roxy:hover a.btn-primary:active, #ui-area .grid-boxes figure.effect-roxy:hover a.btn-primary:focus {
            background-color: transparent !important;
            color: #ffffff !important;
            border: 2px solid #ffffff !important; }
          @media screen and (min-width: 768px) and (max-width: 1299px) {
            #ui-area .grid-boxes figure.effect-roxy:hover a.btn-primary {
              font-size: 14px !important;
              max-width: 150px;
              padding: 5px 0;
              margin: 0 auto !important; } }
          @media screen and (min-width: 220px) and (max-width: 767px) {
            #ui-area .grid-boxes figure.effect-roxy:hover a.btn-primary {
              font-size: 14px !important;
              max-width: 140px;
              padding: 5px 0px;
              margin: 0 auto !important; } }

/*---------- Advanced Web Content Management ----------*/
ul.template {
  list-style: none;
  font-size: 0px;
  margin-left: -2.5%; }
  @media (max-width: 480px) {
    ul.template {
      margin-left: 0; } }
  @media (min-width: 481px) and (max-width: 760px) {
    ul.template {
      margin-left: 0; } }
  @media (min-width: 761px) and (max-width: 1024px) {
    ul.template {
      margin-left: 0; } }
  ul.template li {
    display: inline-block;
    padding: 10px;
    margin: 0 0 2.5% 2.5%;
    background: #ffffff;
    border: 1px solid #ddd;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    @media (max-width: 480px) {
      ul.template li {
        width: 100% !important;
        margin: 0 0 20px; } }
    @media (min-width: 481px) and (max-width: 760px) {
      ul.template li {
        width: 50% !important;
        margin: 0 0 20px 20px; } }
    @media (min-width: 761px) and (max-width: 1024px) {
      ul.template li {
        width: 30% !important;
        margin: 0 0 20px 20px; } }
    ul.template li a {
      text-decoration: none !important; }
  ul.template.columns-2 li {
    width: 47.5%; }
  ul.template.columns-3 li {
    width: 30.83%; }
  ul.template.columns-4 li {
    width: 22.5%; }

#ui-area .journal-content-article ul.photo-list-ul {
  list-style-type: none;
  width: 100%;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0; }
  #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li {
    /* display: inline-block;
					padding: 0 20px 0 0 !important;
					position: relative;
					vertical-align: top;
					width: 45%;
					margin-bottom: 20px !important; */
    display: grid;
    padding: 0 10px 0 10px !important;
    position: relative;
    vertical-align: top;
    margin-bottom: 50px !important;
    width: 100%;
    max-width: 32.9%; }
    @media screen and (max-width: 1199px) and (min-width: 1007px) {
      #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li {
        max-width: 32.7%; } }
    @media (min-width: 220px) and (max-width: 767px) {
      #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li {
        width: 100% !important;
        padding: 0 0px 0 0 !important;
        /* display: block; */
        max-width: 100%;
        margin-bottom: 20px !important; } }
    #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li img {
      /* box-shadow: 0px 0 17px 2px rgba(0, 0, 0, 0.1);
						border: 2px solid $Light-fontColor; */
      width: 100% !important;
      height: 300px;
      object-fit: cover; }
      @media (min-width: 220px) and (max-width: 767px) {
        #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li img {
          height: 100%; } }
    #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li h1, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li h2, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li h3, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li h4, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li h5, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li h6 {
      font-size: 20px !important;
      margin: 0 0 0px 0 !important;
      color: #000000;
      font-family: "Montserrat", sans-serif !important;
      font-weight: bold; }
    #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p {
      padding-bottom: 0px !important;
      margin-bottom: 15px;
      font-size: 20px !important;
      font-family: "Montserrat", sans-serif !important;
      color: #000000 !important; }
      #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a {
        font-family: "Montserrat", sans-serif !important;
        color: #000000 !important;
        transition: all 0.3s ease-in-out 0s;
        text-decoration: none !important;
        font-size: 18px !important; }
        #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a:hover, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a:active, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a:focus {
          color: #060c38 !important;
          transition: all 0.3s ease-in-out 0s; }
          #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a:hover.btn-primary, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a:active.btn-primary, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a:focus.btn-primary {
            color: #ffffff !important; }
        #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a i {
          font-size: 35px;
          margin: 10px 0 0 0;
          color: #060c38; }
          #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a i:hover, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a i:active, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li p a i:focus {
            color: #060c38 !important;
            transition: all 0.3s ease-in-out 0s; }
    #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li a:hover.btn-primary, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li a:active.btn-primary, #ui-area .journal-content-article ul.photo-list-ul li.photo-list-li a:focus.btn-primary {
      color: #ffffff !important; }
  #ui-area .journal-content-article ul.photo-list-ul li .col-sm-5.photo {
    margin: 0;
    display: block;
    width: 100%;
    max-height: max-content;
    height: 100%;
    background-color: #F6F4F4; }
    @media (min-width: 220px) and (max-width: 767px) {
      #ui-area .journal-content-article ul.photo-list-ul li .col-sm-5.photo {
        width: 100% !important;
        display: block;
        max-height: 100% !important; } }
  #ui-area .journal-content-article ul.photo-list-ul li .col-sm-7.photo-desc {
    margin: 0;
    display: block;
    vertical-align: middle;
    padding: 45px 10px 30px;
    width: 100% !important;
    background-color: #F6F4F4;
    text-align: center; }
    @media (min-width: 220px) and (max-width: 768px) {
      #ui-area .journal-content-article ul.photo-list-ul li .col-sm-7.photo-desc {
        padding: 25px 10px 10px; } }

@media (min-width: 220px) and (max-width: 767px) {
  #ui-area .photo-list-container {
    text-align: center; }
  #ui-area .photo-list-li h1 {
    text-align: center !important; }
  #ui-area .photo-list-li h2 {
    text-align: center !important; }
  #ui-area .photo-list-li h3 {
    text-align: center !important; }
  #ui-area .journal-content-article .title {
    text-align: center; } }

#ui-area .cst-photo-listing-wrapper ul.photo-list-ul li {
  width: 45%; }

@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .cst-photo-listing-wrapper ul.photo-list-ul li {
    width: 100% !important;
    margin-bottom: 30px !important;
    display: block; }
  #ui-area #ui-area ul.photo-list-ul li .col-sm-5.photo {
    display: block;
    width: 100%; }
  #ui-area #ui-area ul.photo-list-ul li .col-sm-7.photo-desc {
    display: block; }
  #ui-area .cst-photo-listing-wrapper ul.photo-list-ul li p {
    text-align: center !important; }
  #ui-area .photo-list-li .photo-desc p {
    text-align: center !important; }
  #ui-area #ui-area .photo-list-li .photo-desc h2 {
    text-align: center !important; }
  #ui-area #ui-area .photo-list-li .photo-desc h3 {
    text-align: center !important; } }

#ui-area .photo img {
  margin: 0 0 0px 0;
  min-height: 100px; }

#ui-area ul.bullet-list-ul li {
  display: block; }

.accordion h3::before {
  content: none !important; }

.accordion h3::after {
  content: none !important; }

/*---------- Advanced Web Content Management ----------*/
/* Tabs-Webcontent-styling-start */
#ui-area .tabs-container {
  /* border: 1px solid #ccc; */
  padding: 0px; }
  #ui-area .tabs-container ul.tabs-menu {
    margin: 0 !important;
    font-size: 0;
    padding: 0; }
    #ui-area .tabs-container ul.tabs-menu li {
      display: inline-block;
      list-style: outside none none;
      width: auto;
      border-right: none; }
    #ui-area .tabs-container ul.tabs-menu .tab-link h3 {
      background-color: #060c38;
      color: #ffffff !important;
      font-size: 18px !important;
      padding: 20px 25px !important;
      margin: 0 !important;
      cursor: pointer;
      text-align: center;
      display: block;
      width: 100%;
      line-height: 20px !important;
      transition: all 0.4s ease;
      letter-spacing: 0;
      text-transform: capitalize; }
      @media screen and (min-width: 980px) and (max-width: 1199px) {
        #ui-area .tabs-container ul.tabs-menu .tab-link h3 {
          font-size: 16px !important; } }
      @media screen and (min-width: 768px) and (max-width: 979px) {
        #ui-area .tabs-container ul.tabs-menu .tab-link h3 {
          font-size: 14px !important; } }
      @media screen and (min-width: 220px) and (max-width: 767px) {
        #ui-area .tabs-container ul.tabs-menu .tab-link h3 {
          font-size: 14px !important;
          text-align: center;
          padding: 11px 8px !important; } }
      #ui-area .tabs-container ul.tabs-menu .tab-link h3:hover, #ui-area .tabs-container ul.tabs-menu .tab-link h3:active, #ui-area .tabs-container ul.tabs-menu .tab-link h3:focus {
        background-color: #b49f29 !important;
        color: #ffffff !important; }
    #ui-area .tabs-container ul.tabs-menu .active h3 {
      background-color: #b49f29 !important;
      color: #ffffff !important; }
      #ui-area .tabs-container ul.tabs-menu .active h3:hover, #ui-area .tabs-container ul.tabs-menu .active h3:active, #ui-area .tabs-container ul.tabs-menu .active h3:focus {
        background-color: #b49f29 !important;
        color: #ffffff !important; }
  #ui-area .tabs-container .tabs-content {
    background: #ffffff;
    padding: 2% 0.67%;
    border: 1px solid #f4f4f3;
    margin-bottom: 45px; }
    #ui-area .tabs-container .tabs-content .tab-content-row {
      display: none; }
    #ui-area .tabs-container .tabs-content .active {
      display: block; }
    #ui-area .tabs-container .tabs-content h1 {
      margin: 0 !important;
      text-align: center; }

/* Tabs-Webcontent-styling-End */
.featured-text-block-margin {
  margin-bottom: 20px; }

.featured-text-block {
  margin-bottom: 20px; }

#ui-area .journal-content-article ul,
#ui-area .journal-content-article ol {
  margin: 0 0 2em 0px !important; }
  @media screen and (min-width: 220px) and (max-width: 1023px) {
    #ui-area .journal-content-article ul,
    #ui-area .journal-content-article ol {
      margin: 0 0 2em 10px !important; } }

#ui-area .journal-content-article ul li ul,
#ui-area .journal-content-article ul li ol {
  margin: 0 0 0 0px !important; }
  @media screen and (min-width: 220px) and (max-width: 1023px) {
    #ui-area .journal-content-article ul li ul,
    #ui-area .journal-content-article ul li ol {
      margin: 0 0 2em 10px !important; } }

/* Tabs container */
.r-tabs {
  /* 	position: relative;

	background-color: #00c5ad;

	border-top: 1px solid #00c5ad;
	border-right: 1px solid #00c5ad;
	border-left: 1px solid #00c5ad;
	border-bottom: 4px solid #00c5ad;
	border-radius: 4px; */ }

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
  background-color: #275480;
  width: auto !important;
  margin: 0 !important; }

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
  color: #ffffff !important;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 17px;
  text-align: center;
  text-decoration: none;
  width: auto; }

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5; }

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  color: #ffffff !important;
  font-weight: bold !important;
  text-shadow: none;
  text-transform: uppercase;
  background-color: #9cb63d; }

/* Tab panel */
.r-tabs .r-tabs-panel {
  /*   border: 1px solid #000000; */ }

/* Accordion anchor */
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  color: #fff;
  font-weight: bold !important;
  text-shadow: none;
  text-transform: uppercase;
  background-color: #024800;
  border-radius: 4px 4px 4px 4px; }

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5; }

/* Buttons */
/* Info bar */
.info {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  padding: 10px 20px;
  width: 300px;
  line-height: 100%;
  font-size: 14px;
  color: #00c5ad;
  border: 2px solid #00ab94;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer; }

.r-tabs-anchor > img {
  border: 2px solid #9a8412; }

.r-tabs .r-tabs-nav {
  margin: 0 0 20px 0;
  padding: 0; }

.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0 2px 8px 0;
  list-style: none;
  padding: 0 !important; }

.r-tabs .r-tabs-panel {
  display: none; }

.r-tabs .r-tabs-accordion-title {
  display: none; }

.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block; }

.r-tabs-panel h1, .r-tabs-panel h2 {
  margin: 10px 0 10px 0 !important; }

.r-tabs-panel h1 {
  text-align: center; }

.r-tabs-panel #HoleMap {
  margin: 0 0 10px 0; }

.r-tabs-panel a.various img {
  background-color: #fff !important;
  padding: 15px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
  text-align: center;
  margin: 0 auto 20px;
  display: block;
  border: 1px solid #f1f1f1; }

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
  /*     .r-tabs .r-tabs-nav {
        display: none;
    } */
  .r-tabs .r-tabs-accordion-title {
    /* display: inline; */
    padding: 0 0px 0 0px;
    background-color: #edd9a9;
    border-radius: 4px 4px 4px 4px; }
  a.r-tabs-anchor {
    color: #424242;
    padding: 0 10px 0 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px; }
  a.r-tabs-anchor:hover {
    color: #024800; } }

.layout1 h1 {
  padding: 20px 0 0 0px;
  margin: 0 !important; }

.layout1 .table-responsive {
  padding: 20px 0 0 0; }

.hole-par .row-fluid {
  border-bottom: 1px solid #5e4821; }

.holeA {
  background-color: #005089;
  clear: left;
  float: left;
  text-align: center;
  width: 100%;
  color: #fff;
  line-height: 30px; }

.yardageA {
  background-color: #EEEEEE;
  clear: left;
  float: left;
  text-align: center;
  width: 100%;
  color: #000;
  line-height: 40px; }

.parA {
  background-color: #EEEEEE;
  clear: left;
  float: left;
  text-align: center;
  width: 100%;
  color: #000;
  border-top: 1px solid #000;
  line-height: 40px; }

.holeB {
  background-color: #0d2849;
  clear: left;
  float: left;
  text-align: center;
  width: 100%;
  color: #fff;
  line-height: 30px; }

.yardageB {
  background-color: #E3E3E3;
  clear: left;
  float: left;
  text-align: center;
  width: 100%;
  color: #000;
  line-height: 40px; }

.parB {
  background-color: #E3E3E3;
  clear: left;
  float: left;
  text-align: center;
  width: 100%;
  color: #000;
  line-height: 40px;
  border-top: 1px solid #000; }

/*********** Bobacat Course Tour ************/
.tabs-table {
  position: relative;
  margin: 0px auto;
  /* width: 1024px; */
  max-width: 100%;
  overflow: hidden;
  padding-top: 0px;
  margin-bottom: 60px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08); }

.tabs-table input {
  position: absolute;
  z-index: 1000;
  width: 33% !important;
  height: 50px;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  margin: 0; }

.tabs-table input#tab-2-table {
  left: 33%; }

.tabs-table input#tab-3-table {
  left: 66%; }

.tabs-table input#tab-4-table {
  left: 75%; }

.tabs-table label {
  background: #275480;
  color: #fefefe;
  font-size: 16px !important;
  line-height: 50px;
  position: relative;
  top: 0;
  padding: 20px 20px;
  float: left;
  display: block;
  width: 33.3%;
  letter-spacing: 0;
  font-weight: bold !important;
  text-align: center;
  -webkit-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  height: 60px; }

.tabs-table label:hover {
  cursor: pointer;
  /*background-color: #9cb63d !important;*/ }

.tabs-table label:after {
  content-tab: '';
  background: #fefefe;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block; }

.tabs-table input:checked + label {
  background-color: #9cb63d !important;
  color: #fff !important;
  z-index: 6;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important; }

.tabs-table label:first-of-type {
  z-index: 4; }

.tab-label-2 {
  z-index: 4; }

.tab-label-3 {
  z-index: 3; }

.tab-label-4 {
  z-index: 2; }

.tabs-table input:checked + label {
  background: #fefefe;
  color: #1a1a1a;
  z-index: 6; }

.content-tab {
  height: auto;
  width: 100%;
  float: left;
  position: relative;
  z-index: 5;
  background: #fefefe;
  top: 0px;
  box-sizing: border-box;
  border: 1px solid #f1f1f1; }

.content-tab img {
  width: 12px;
  margin: 0 5px 0 0px; }

.content-tab div {
  position: relative;
  float: left;
  width: 0;
  height: 0;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  background: #fefefe; }

.content-tab div h2 {
  margin-top: 0; }

.tabs-table .tab-selector-1:checked ~ .content-tab .content-tab-1,
.tabs-table .tab-selector-2:checked ~ .content-tab .content-tab-2,
.tabs-table .tab-selector-3:checked ~ .content-tab .content-tab-3,
.tabs-table .tab-selector-4:checked ~ .content-tab .content-tab-4 {
  z-index: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  padding: 0; }

.content-tab div h2 {
  color: #4477CC; }

.content-tab div p {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  margin: 0;
  color: #777; }

/* .tab-content-text section input {
    width: 100% !important;
} */
.content-tab table {
  margin-bottom: 0 !important; }

.content-tab table th {
  text-align: left !important;
  padding: 13px !important; }

.content-tab table td {
  padding: 13px !important;
  border: 1px solid #f1f1f1; }

@media screen and (min-width: 220px) and (max-width: 979px) {
  .tabs-table input:checked + label {
    font-size: 10px !important; }
  .tabs-table label {
    font-size: 10px !important; } }

/*********** Panther Course Tour ************/
.tabs-table-2 {
  position: relative;
  margin: 0px auto;
  /* width: 1024px; */
  max-width: 100%;
  overflow: hidden;
  padding-top: 0px;
  margin-bottom: 60px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08); }

.tabs-table-2 input {
  position: absolute;
  z-index: 1000;
  width: 33% !important;
  height: 50px;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  margin: 0; }

.tabs-table-2 input#tab-2-table {
  left: 25%; }

.tabs-table-2 input#tab-3-table {
  left: 50%; }

.tabs-table-2 input#tab-4-table {
  left: 70%; }

.tabs-table-2 label {
  background: #275480;
  color: #fefefe;
  font-size: 16px !important;
  line-height: 50px;
  position: relative;
  top: 0;
  padding: 20px 20px;
  float: left;
  display: block;
  width: 25.0%;
  letter-spacing: 0;
  font-weight: bold !important;
  text-align: center;
  -webkit-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  height: 60px; }

.tabs-table-2 label:hover {
  cursor: pointer;
  /*background-color: #9cb63d !important;*/ }

.tabs-table-2 label:after {
  content-tab: '';
  background: #fefefe;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block; }

.tabs-table-2 input:checked + label {
  background-color: #9cb63d !important;
  color: #fff !important;
  z-index: 6;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important; }

.tabs-table-2 label:first-of-type {
  z-index: 4; }

.tab-label-2 {
  z-index: 4; }

.tab-label-3 {
  z-index: 3; }

.tab-label-4 {
  z-index: 2; }

.tabs-table-2 input:checked + label {
  background: #fefefe;
  color: #1a1a1a;
  z-index: 6; }

.content-tab-2 {
  height: auto;
  width: 100%;
  float: left;
  position: relative;
  z-index: 5;
  background: #fefefe;
  top: 0px;
  box-sizing: border-box;
  border: 1px solid #f1f1f1; }

.content-tab-2 img {
  width: 12px;
  margin: 0 5px 0 0px; }

.content-tab-2 div {
  position: relative;
  float: left;
  width: 0;
  height: 0;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  background: #fefefe; }

.content-tab-2 div h2 {
  margin-top: 0; }

.tabs-table-2 .tab-selector-1:checked ~ .content-tab-2 .content-tab-1,
.tabs-table-2 .tab-selector-2:checked ~ .content-tab-2 .content-tab-2,
.tabs-table-2 .tab-selector-3:checked ~ .content-tab-2 .content-tab-3,
.tabs-table-2 .tab-selector-4:checked ~ .content-tab-2 .content-tab-4 {
  z-index: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  padding: 0; }

.content-tab-2 div h2 {
  color: #4477CC; }

.content-tab-2 div p {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  margin: 0;
  color: #777; }

/* .tab-content-text section input {
    width: 100% !important;
} */
.content-tab-2 table {
  margin-bottom: 0 !important; }

.content-tab-2 table th {
  text-align: left !important;
  padding: 13px !important; }

.content-tab-2 table td {
  padding: 13px !important;
  border: 1px solid #f1f1f1; }

@media screen and (min-width: 220px) and (max-width: 979px) {
  .tabs-table-2 input:checked + label {
    font-size: 8px !important;
    font-weight: normal !important; }
  .tabs-table-2 label {
    font-size: 8px !important; }
  .col-sm-8.teebox {
    padding: 0; } }

@media screen and (min-width: 980px) and (max-width: 1024px) {
  .tabs-table-2 label {
    font-size: 12px !important; }
  .tabs-table-2 input:checked + label {
    font-size: 12px !important; } }

@media screen and (min-width: 980px) and (max-width: 1400px) {
  .r-tabs .r-tabs-nav .r-tabs-anchor {
    padding: 10px 15px; } }

.panel-group, .panel-group * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* .panel-group {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
} */
.panel-group {
  background: #fcfbfb none repeat scroll 0 0;
  border: 0px solid #7E6A47;
  border-radius: 0px;
  overflow: hidden; }

/* .panel-group h3 {
  background: #009b94 none repeat scroll 0 0;
  border-bottom: 1px solid #666;
  color: #fff !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 10px;
  text-shadow: 0 1px 0 #4d522d;
  transition: all 0.15s linear 0s;
}
  */
.panel-group h3 {
  background: #0271c9 none repeat scroll 0 0;
  border-bottom: 1px solid #3792d9;
  color: #fff !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 10px;
  transition: all 0.15s linear 0s;
  line-height: inherit !important; }

/* .panel-group h3.active, .panel-group h3:hover {
    background: #212121 !important;
    text-decoration: none !important;
} */
.panel-group h3.active, .panel-group h3:hover {
  background: #005395 none repeat scroll 0 0 !important;
  color: #fff !important;
  text-decoration: none !important; }

.panel-group h3:last-child {
  border-bottom: none; }

.panel-group-toggle {
  cursor: pointer; }

.panel-group-content {
  padding: 15px;
  display: none; }

.panel-group-content.default {
  display: none; }

.panel-group-content ul li {
  font-size: 15px;
  /*     font-family: "GillSans"; */ }

.panel-group-content .panel-group-content-text h3 {
  font-size: 24px !important;
  text-transform: none;
  color: #7b6c45 !important;
  margin-bottom: 25px !important; }

.panel-group-content-text ol li {
  color: #7E6A47; }

/* ----------- start 200px to 667px ----------- */
@media screen and (min-width: 200px) and (max-width: 767px) {
  .panel-group-content-image {
    text-align: center !important; }
  .panel-group-content-text img {
    margin-bottom: 20px; } }

.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* .accordion {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
} */
.accordion {
  /* background: #fcfbfb none repeat scroll 0 0; */
  border: 0px solid #7E6A47;
  border-radius: 0px;
  overflow: hidden; }

/* .accordion h3 {
  background: #009b94 none repeat scroll 0 0;
  border-bottom: 1px solid #666;
  color: #fff !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 10px;
  text-shadow: 0 1px 0 #4d522d;
  transition: all 0.15s linear 0s;
}
  */
.accordion h3 {
  background: #0271c9 none repeat scroll 0 0;
  border-bottom: 1px solid #3792d9;
  color: #fff !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 10px;
  transition: all 0.15s linear 0s;
  line-height: inherit !important; }

/* .accordion h3.active, .accordion h3:hover {
    background: #212121 !important;
    text-decoration: none !important;
} */
.accordion h3.active, .accordion h3:hover {
  background: #005395 none repeat scroll 0 0 !important;
  color: #fff !important;
  text-decoration: none !important; }

.accordion h3:last-child {
  border-bottom: none; }

.accordion-toggle {
  cursor: pointer; }

.accordion-content {
  padding: 2% 3.67%;
  border: 1px solid #f4f4f3;
  display: none; }

.accordion-content.default {
  display: none; }

.accordion-content ul li {
  font-size: 16px;
  /*     font-family: "GillSans"; */ }

.accordion-content .accordion-content-text h3 {
  font-size: 24px !important;
  text-transform: none;
  color: #000000 !important;
  margin-bottom: 25px !important; }

.accordion-content-text ol li {
  color: #7E6A47; }

/*  start 200px to 667px  */
@media screen and (min-width: 200px) and (max-width: 767px) {
  .accordion-content-image {
    text-align: center !important; }
  .accordion-content-text img {
    margin-bottom: 20px; } }

/* member landing search box classes */
input#_77_keywords {
  border-radius: 5px !important;
  max-width: 200px;
  padding: 7px !important; }

input#_77_search {
  background-color: #3cb6b6;
  border-radius: 0 5px 5px 0;
  margin: -7px 0 0 -6px;
  padding: 10px; }

/* end member landing search box classes */
.search {
  background: white none repeat scroll 0 0;
  display: inline-block;
  position: relative;
  top: -6px; }

.search-ui {
  margin-top: 14px; }

.search .form-group.control-group-inline {
  margin-bottom: 0; }

.search-ui input#_77_search {
  background: #009b94 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 10px 10px 0;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 12px 7px;
  text-transform: uppercase;
  top: 0;
  transition: background 0.25s linear 0s; }

.search-ui input#_77_search:hover {
  background-color: #00b7af;
  transition: all 0.9s ease 0s; }

.search-ui input#_77_keywords:hover {
  box-shadow: none; }

.search-ui input#_77_keywords {
  background-color: #fff;
  border: medium none;
  border-radius: 10px 0 0 10px;
  color: #000;
  font-size: 15px;
  margin: 0;
  padding: 12px 15px;
  width: 193px; }

@media screen and (min-width: 220px) and (max-width: 767px) {
  .search-ui input#_77_keywords {
    width: 163px !important; } }

@media screen and (min-width: 220px) and (max-width: 979px) {
  .search-ui input#_77_search {
    background-color: white;
    height: 15px;
    padding: 7px 6px !important;
    width: auto; }
  .search-ui input#_77_keywords {
    height: 17px; }
  .search {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: block !important;
    margin-top: 3px;
    top: 0; } }

@media screen and (min-width: 980px) and (max-width: 1199px) {
  .search-ui input#_77_keywords {
    width: 143px; }
  .search-ui {
    margin-top: 45px; } }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  text-align: center; }

.owl-carousel .owl-item img {
  /* display: block;
    width: 100%; */ }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #656253;
  margin-right: 5px;
  display: inline-block; }

.owl-carousel .owl-nav div {
  background: transparent;
  color: #869791;
  font-size: 40px;
  line-height: 200px;
  margin: 0% 0% 0 0%;
  padding: 0 0px;
  position: absolute;
  top: 0;
  bottom: 0; }

.owl-carousel .owl-nav .owl-prev {
  left: 0;
  padding-left: 0px; }

.owl-carousel .owl-nav .owl-next {
  right: 0;
  padding-right: 0px; }

.owl-carousel .owl-nav i {
  color: #000000;
  background-color: #ffffff;
  border-radius: 100%;
  font-size: 14px; }

.owl-nav span.fa-stack {
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em; }

.owl-carousel .owl-dots .active {
  /*     display: block; */
  width: 12px;
  height: 12px;
  margin-right: 5px;
  filter: Alpha(Opacity=50);
  opacity: 1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #bdaa5c;
  /* box-shadow: inset 0 0 0 2px #FFF; */ }

.owl-dots {
  text-align: center; }

#textured-cssmenu * {
  outline: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#ui-area .sidenav-page-div ul {
  list-style: none;
  margin: 0;
  border-right: 2px solid #eaeaea; }
  #ui-area .sidenav-page-div ul.sidenav-page-ul {
    margin: 0 !important; }
    #ui-area .sidenav-page-div ul.sidenav-page-ul li {
      /* line-height: normal !important; */
      border-bottom: 2px solid #eaeaea; }
      #ui-area .sidenav-page-div ul.sidenav-page-ul li:last-child {
        border: none; }
      #ui-area .sidenav-page-div ul.sidenav-page-ul li img {
        padding-top: 7px;
        display: none; }
      #ui-area .sidenav-page-div ul.sidenav-page-ul li a:hover {
        text-decoration: none !important; }
      #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading {
        color: #a29062;
        padding: 16px 8px;
        display: block;
        font-size: 25px;
        text-transform: uppercase;
        line-height: normal;
        font-weight: 500;
        transition: all .3s ease-in-out 0s;
        background-color: #ffffff;
        margin-bottom: 0px;
        letter-spacing: 1px;
        text-align: right;
        border-bottom: 2px solid #eaeaea; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading {
            letter-spacing: 0px; } }
        #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-heading:focus, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.sidenav-page-selected-heading:focus {
          background-color: #005697;
          color: #ffffff; }
      #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item {
        color: #a29062;
        padding: 16px 16px;
        display: block;
        font-size: 16px;
        text-transform: uppercase;
        line-height: normal;
        font-weight: 500;
        transition: all .3s ease-in-out 0s;
        background-color: #ffffff;
        margin-bottom: 0px;
        letter-spacing: 1px;
        text-align: right; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item {
            letter-spacing: 0px; } }
        #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-selected-item:focus {
          background-color: #005697;
          color: #ffffff; }
      #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item {
        color: #1f1f1f;
        padding: 16px 16px;
        display: block;
        font-size: 16px;
        text-transform: uppercase;
        line-height: normal;
        font-weight: 500;
        transition: all .3s ease-in-out 0s;
        background-color: #ffffff;
        margin-bottom: 0px;
        letter-spacing: 1px;
        text-align: right; }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item {
            letter-spacing: 0px; } }
        #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item:hover, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item:active, #ui-area .sidenav-page-div ul.sidenav-page-ul li span.side-nav-page-unselected-item:focus {
          background-color: #005697;
          color: #ffffff; }
    #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children {
      margin: 0px 0 0 0 !important;
      padding: 0px 0px 0px 0px !important;
      border: none; }
    #ui-area .sidenav-page-div ul.sidenav-page-ul .sidenav-page-children-level2 {
      margin: 0px 0 0 0 !important;
      padding: 0px 0px 0px 0px !important;
      border: none; }

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

.sidenav-accordion-div ul.ctAccordion {
  margin: 0 !important;
  background-color: #ffffff;
  padding: 0 0px 0 0px; }
  .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent {
    background-image: none !important;
    color: #ffffff !important;
    font-size: 17px;
    list-style: outside none none;
    margin: 0 !important;
    text-transform: capitalize;
    line-height: 30px;
    background-color: #333333;
    border-bottom: 1px solid #fff; }
    .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a.sidenav-accordion-parent-a {
      padding: 5px 0 5px 0;
      letter-spacing: 2px;
      font-size: 16px; }
    .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.sidenav-accordion-heading {
      color: #fff !important;
      padding-left: 10px;
      font-size: 16px; }
    .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.side-nav-accordion-unselected-item {
      color: #ffffff !important;
      display: block !important;
      font-size: 16px;
      padding: 3px 0 3px 5px !important;
      text-decoration: none;
      text-transform: capitalize;
      letter-spacing: 2px; }
    .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.side-nav-accordion-selected-item, .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent a span.sidenav-accordion-selected-heading {
      display: inline-block;
      font-size: 16px;
      line-height: 20px;
      padding: 0 0 0 5px !important;
      text-decoration: none;
      text-transform: capitalize;
      color: #ffffff !important; }
    .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children {
      margin: 0;
      background-color: #BE9807;
      padding: 0 0px 0 0px; }
      .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li {
        border-bottom: 1px solid #e5e5e5; }
        .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li i {
          float: right;
          margin: 1px 10px 0 0;
          cursor: pointer;
          color: #ffffff; }
        .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li ul.sidenav-accordion-children-level2, .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li ul.sidenav-accordion-children-level3 {
          background-color: #004c97 !important;
          margin: 0 0 0 0px !important; }
        .sidenav-accordion-div ul.ctAccordion .sidenav-accordion-parent .sidenav-accordion-children li ul.subLeft:last-child {
          border-bottom: medium none; }

#ui-area .sidenav-session-div ul {
  margin: 0px 0 0 0 !important;
  list-style: none;
  border-right: 2px solid #eaeaea;
  padding-left: 0; }
  #ui-area .sidenav-session-div ul.sidenav-session-ul {
    margin: 0 !important; }
    #ui-area .sidenav-session-div ul.sidenav-session-ul li {
      /* line-height: normal !important; */
      border-bottom: 2px solid #eaeaea; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li:last-child {
        border: none; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li img {
        padding-top: 7px;
        display: none; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li a {
        font-family: "Poppins", sans-serif; }
        #ui-area .sidenav-session-div ul.sidenav-session-ul li a:hover {
          text-decoration: none !important; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading {
        color: #b49f29;
        padding: 16px 15px;
        display: block;
        font-size: 34px;
        text-transform: capitalize;
        line-height: normal;
        font-weight: 500;
        transition: all .3s ease-in-out 0s;
        background-color: #ffffff;
        margin-bottom: 0px;
        letter-spacing: 0px;
        text-align: left;
        border-bottom: 2px solid #eaeaea;
        font-family: "Montserrat", sans-serif !important; }
        @media screen and (min-width: 1200px) and (max-width: 1366px) {
          #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading {
            font-size: 30px !important; } }
        @media screen and (min-width: 1024px) and (max-width: 1199px) {
          #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading {
            font-size: 24px !important; } }
        #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-selected-heading:focus, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.sidenav-session-heading:focus {
          background-color: #060c38;
          color: #ffffff; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item {
        color: #666666;
        padding: 16px 20px;
        display: block;
        font-size: 18px;
        text-transform: capitalize;
        line-height: normal;
        font-weight: 300;
        transition: all .3s ease-in-out 0s;
        background-color: #ffffff;
        margin-bottom: 0px;
        letter-spacing: 0px;
        text-align: left;
        font-family: "Poppins", sans-serif; }
        #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-unselected-item:focus {
          background-color: #060c38;
          color: #ffffff; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item {
        color: #ffffff;
        padding: 16px 20px;
        display: block;
        font-size: 18px;
        text-transform: capitalize;
        line-height: normal;
        font-weight: 300;
        transition: all .3s ease-in-out 0s;
        background-color: #060c38;
        margin-bottom: 0px;
        letter-spacing: 0px;
        text-align: left;
        font-family: "Poppins", sans-serif; }
        #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item:hover, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item:active, #ui-area .sidenav-session-div ul.sidenav-session-ul li span.side-nav-session-selected-item:focus {
          background-color: #060c38;
          color: #ffffff; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li .sidenav-session-children {
        margin: 0px 0 0 0 !important;
        padding: 0px 0px 0px 0px !important;
        border: none; }
      #ui-area .sidenav-session-div ul.sidenav-session-ul li ul.sidenav-session-children-level2 {
        border: none;
        padding: 0px 0 0px 0; }
        #ui-area .sidenav-session-div ul.sidenav-session-ul li ul.sidenav-session-children-level2 li a span {
          padding-left: 20px !important; }

#ui-area .sidenav-mobile-view-div ul {
  margin: 0 0 20px 0;
  list-style: none;
  padding-left: 0; }
  #ui-area .sidenav-mobile-view-div ul li {
    border-bottom: 2px solid #eaeaea; }
    #ui-area .sidenav-mobile-view-div ul li:last-child {
      border-bottom: none !important; }
    #ui-area .sidenav-mobile-view-div ul li a {
      font-family: "Montserrat", sans-serif; }
      #ui-area .sidenav-mobile-view-div ul li a:hover {
        text-decoration: none !important; }
    #ui-area .sidenav-mobile-view-div ul li span.sidenav-mobile-view-selected-heading, #ui-area .sidenav-mobile-view-div ul li span.sidenav-mobile-view-heading {
      background-color: #060c38 !important;
      color: #ffffff !important;
      display: inline-block !important;
      text-shadow: none !important;
      text-decoration: none !important;
      padding: 12px 20px !important;
      text-transform: capitalize !important;
      font-size: 20px !important;
      font-weight: 500;
      text-align: left; }
    #ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item {
      color: #000000 !important;
      display: block;
      font-size: 16px !important;
      text-decoration: none !important;
      text-transform: capitalize !important;
      text-shadow: none !important;
      padding: 5px 20px !important;
      background-color: #ffffff;
      font-weight: 500;
      border-bottom: 1px solid #ffffff; }
      #ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item:hover, #ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item:active, #ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-unselected-item:focus {
        color: #ffffff !important;
        background-color: #060c38; }
    #ui-area .sidenav-mobile-view-div ul li span.side-nav-mobile-view-selected-item {
      color: #ffffff !important;
      display: block;
      font-size: 16px !important;
      text-decoration: none !important;
      text-transform: capitalize !important;
      text-shadow: none !important;
      padding: 5px 20px !important;
      font-weight: 500;
      background-color: #060c38; }
    #ui-area .sidenav-mobile-view-div ul li a i {
      display: inline-block;
      color: #ffffff !important;
      font-size: 16px !important;
      margin: 0 !important;
      padding: 0px 20px 0px 0px !important;
      float: right !important;
      position: relative;
      top: 20px; }
    #ui-area .sidenav-mobile-view-div ul li ul {
      border: none; }

#ui-area .sidenav-mobile-view-div a {
  background-color: #060c38; }

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

a {
  font-weight: 400; }

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

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

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

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

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

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

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

#ui-area .sidenav-session-children-div ul {
  margin: 0px 0 0 0 !important;
  list-style: none;
  border-left: 2px solid #eaeaea;
  padding-left: 0; }
  #ui-area .sidenav-session-children-div ul li {
    /* line-height: normal !important; */
    border-bottom: 2px solid #eaeaea; }
    #ui-area .sidenav-session-children-div ul li:last-child {
      border: none; }
    #ui-area .sidenav-session-children-div ul li img {
      padding-top: 7px;
      display: none; }
    #ui-area .sidenav-session-children-div ul li a {
      font-family: "Poppins", sans-serif; }
      #ui-area .sidenav-session-children-div ul li a:hover {
        text-decoration: none !important; }
    #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading {
      color: #b49f29;
      padding: 16px 15px;
      display: block;
      font-size: 34px;
      text-transform: capitalize;
      line-height: normal;
      font-weight: 500;
      transition: all .3s ease-in-out 0s;
      background-color: #ffffff;
      margin-bottom: 0px;
      letter-spacing: 0px;
      text-align: left;
      border-bottom: 2px solid #eaeaea;
      font-family: "Montserrat", sans-serif !important; }
      @media screen and (min-width: 1200px) and (max-width: 1366px) {
        #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading {
          font-size: 30px !important; } }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading {
          font-size: 24px !important; } }
      #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading:hover, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading:active, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-heading:focus, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading:hover, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading:active, #ui-area .sidenav-session-children-div ul li span.sidenav-session-children-selected-heading:focus {
        background-color: #060c38;
        color: #ffffff; }
    #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item {
      color: #ffffff;
      padding: 16px 20px;
      display: block;
      font-size: 18px;
      text-transform: capitalize;
      line-height: normal;
      font-weight: 300;
      transition: all .3s ease-in-out 0s;
      background-color: #060c38;
      margin-bottom: 0px;
      letter-spacing: 0px;
      text-align: left;
      font-family: "Poppins", sans-serif; }
      #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item:hover, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item:active, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-selected-item:focus {
        background-color: #060c38;
        color: #ffffff; }
    #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item {
      color: #666666;
      padding: 16px 20px;
      display: block;
      font-size: 18px;
      text-transform: capitalize;
      line-height: normal;
      font-weight: 300;
      transition: all .3s ease-in-out 0s;
      background-color: #ffffff;
      margin-bottom: 0px;
      letter-spacing: 0px;
      text-align: left;
      font-family: "Poppins", sans-serif; }
      #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item:hover, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item:active, #ui-area .sidenav-session-children-div ul li span.side-nav-session-children-unselected-item:focus {
        background-color: #060c38;
        color: #ffffff; }
    #ui-area .sidenav-session-children-div ul li .sidenav-session-children-children {
      margin: 0px 0 0 0 !important;
      padding: 0px 0px 0px 0px !important;
      border: none; }
    #ui-area .sidenav-session-children-div ul li ul.sidenav-session-children-level2 {
      border: none;
      padding: 0px 0 0px 0; }
      #ui-area .sidenav-session-children-div ul li ul.sidenav-session-children-level2 li a span {
        padding-left: 20px !important; }

#ui-area .sidenav-custom-accordion-div ul {
  margin: 0;
  list-style: none;
  padding: 0px 0 0px 0;
  border-top: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea; }
  #ui-area .sidenav-custom-accordion-div ul.ctAccordion li {
    line-height: normal !important;
    padding: 0 0 0px 0 !important;
    display: block;
    border-bottom: 2px solid #eaeaea; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li:last-child {
      border: none;
      padding: 0 0 0px 0 !important; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li img {
      display: none; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li a {
      font-family: "Poppins", sans-serif; }
      #ui-area .sidenav-custom-accordion-div ul.ctAccordion li a:hover {
        text-decoration: none !important; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li i {
      position: absolute;
      left: 0;
      top: 16px;
      padding: 0; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li:hover i {
      color: #ffffff; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading {
      color: #666666;
      padding: 20px 25px;
      display: block;
      font-size: 18px;
      text-transform: capitalize;
      line-height: normal;
      font-weight: 300;
      transition: all .3s ease-in-out 0s;
      background-color: #ffffff;
      margin-bottom: 0px;
      letter-spacing: 0px;
      text-align: left; }
      #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-heading:focus {
        background-color: #060c38;
        color: #ffffff; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading {
      color: #ffffff;
      padding: 20px 25px;
      display: block;
      font-size: 18px;
      text-transform: capitalize;
      line-height: normal;
      font-weight: 300;
      transition: all .3s ease-in-out 0s;
      background-color: #060c38;
      margin-bottom: 0px;
      letter-spacing: 0px;
      text-align: left; }
      #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li span.sidenav-custom-accordion-selected-heading:focus {
        background-color: #060c38;
        color: #ffffff; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item {
      color: #666666;
      padding: 20px 25px;
      display: block;
      font-size: 18px;
      text-transform: capitalize;
      line-height: normal;
      font-weight: 300;
      transition: all .3s ease-in-out 0s;
      background-color: #ffffff;
      margin-bottom: 0px;
      letter-spacing: 0px;
      text-align: left; }
      #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-heading:focus, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-unselected-item:focus {
        background-color: #060c38;
        color: #ffffff; }
    #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item {
      color: #ffffff;
      padding: 20px 25px;
      display: block;
      font-size: 18px;
      text-transform: capitalize;
      line-height: normal;
      font-weight: 300;
      transition: all .3s ease-in-out 0s;
      background-color: #060c38;
      margin-bottom: 0px;
      letter-spacing: 0px;
      text-align: left; }
      #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.sidenav-custom-accordion-selected-heading:focus, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item:hover, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item:active, #ui-area .sidenav-custom-accordion-div ul.ctAccordion li.sidenav-custom-accordion-parent ul li.custom-subLeft span.side-nav-custom-accordion-selected-item:focus {
        background-color: #060c38;
        color: #ffffff; }

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

#ui-area .sidenav-mobile-custom-accordion-div i {
  float: right;
  padding-right: 10px;
  padding-top: 15px;
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  right: 5px; }

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

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

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

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

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

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

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

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

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

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

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

#ui-area .sidenav-custom-div ul {
  list-style: none;
  padding: 0px 0 0px 0; }
  #ui-area .sidenav-custom-div ul.sidenav-custom-ul {
    margin: 0 !important;
    padding: 0px 0 0px 0;
    border-top: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea; }
  #ui-area .sidenav-custom-div ul li {
    display: block;
    border-bottom: 2px solid #eaeaea; }
    #ui-area .sidenav-custom-div ul li:last-child {
      border: none; }
    #ui-area .sidenav-custom-div ul li a {
      font-family: "Poppins", sans-serif; }
      #ui-area .sidenav-custom-div ul li a:hover {
        text-decoration: none !important; }
      #ui-area .sidenav-custom-div ul li a.selected-link span.selected, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected {
        color: #ffffff;
        padding: 20px 25px;
        display: block;
        font-size: 18px;
        text-transform: capitalize;
        line-height: normal;
        font-weight: 300;
        transition: all .3s ease-in-out 0s;
        background-color: #060c38;
        margin-bottom: 0px;
        letter-spacing: 0px;
        text-align: left; }
        #ui-area .sidenav-custom-div ul li a.selected-link span.selected:hover, #ui-area .sidenav-custom-div ul li a.selected-link span.selected:active, #ui-area .sidenav-custom-div ul li a.selected-link span.selected:focus, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected:hover, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected:active, #ui-area .sidenav-custom-div ul li a.un-selected-link span.selected:focus {
          background-color: #060c38;
          color: #ffffff; }
      #ui-area .sidenav-custom-div ul li a.selected-link span.un-selected, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected {
        color: #666666;
        padding: 20px 25px;
        display: block;
        font-size: 18px;
        text-transform: capitalize;
        line-height: normal;
        font-weight: 300;
        transition: all .3s ease-in-out 0s;
        background-color: #ffffff;
        margin-bottom: 0px;
        letter-spacing: 0px;
        text-align: left; }
        #ui-area .sidenav-custom-div ul li a.selected-link span.un-selected:hover, #ui-area .sidenav-custom-div ul li a.selected-link span.un-selected:active, #ui-area .sidenav-custom-div ul li a.selected-link span.un-selected:focus, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected:hover, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected:active, #ui-area .sidenav-custom-div ul li a.un-selected-link span.un-selected:focus {
          background-color: #060c38;
          color: #ffffff; }

#ui-area .sidenav-custom-div .block-toggle-page-links {
  border: 1px solid #eaeaea;
  padding: 15px;
  display: block; }
  #ui-area .sidenav-custom-div .block-toggle-page-links a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #000000; }
    #ui-area .sidenav-custom-div .block-toggle-page-links a i {
      display: inline-block;
      color: #ffffff !important;
      font-size: 18px !important;
      margin: 0 !important;
      padding: 0px 20px 0px 0px !important;
      font-weight: normal;
      float: right !important;
      position: relative;
      top: 0px; }
  #ui-area .sidenav-custom-div .block-toggle-page-links ul {
    border: none;
    padding: 0; }

@media screen and (min-width: 768px) {
  .sidenav-page-div {
    display: block !important; }
  .sidenav-full-div {
    display: block !important; }
  .sidenav-accordion-div {
    display: block !important; }
  /* 	.sidenav-session-div {
		display: block !important;
	} */
  .sidenav-session-div {
    display: none !important; }
  .sidenav-parent-links-div {
    display: block !important; }
  /* 	.sidenav-session-children-div {
		display: block !important;
	} */
  .sidenav-session-children-div {
    display: none !important; }
  .sidenav-custom-accordion-div {
    display: block !important; }
  .sidenav-custom-div {
    display: block !important; }
  /* 	.sidenav-mobile-view-div {
		display: none !important;
	} */
  .sidenav-mobile-view-div {
    display: block !important; } }

@media screen and (max-width: 767px) {
  .sidenav-mobile-view-div {
    display: block !important; }
  .sidenav-mobile-custom-accordion-div {
    /*display: block !important;*/ }
  .sidenav-custom-accordion-div {
    display: block !important; }
  .sidenav-page-div {
    /*display: block !important;*/ }
  .sidenav-custom-div {
    display: block !important; } }

@media screen and (min-width: 1024px) and (max-width: 8000px) {
  .sidenav-mobile-view-div {
    display: none !important; }
  .sidenav-session-children-div {
    display: block !important; }
  .sidenav-session-div {
    display: block !important; }
  .sidenav-mobile-view-div {
    display: none !important; } }

@media screen and (min-width: 220px) and (max-width: 1023px) {
  .sidenav-custom-accordion-div {
    display: none !important; }
  .sidenav-mobile-custom-accordion-div {
    display: block !important; }
  .sidenav-page-div {
    display: none !important; }
  .sidenav-custom-div {
    display: none !important; }
  /* 	.sidenav-custom-div {
		display: none !important;
	} */ }

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

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

/* For Club dark blue color */
/* Media Query */
/* Member Roaster & New Member Setting  */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* For teeShett Time Fonts and Reservation Button Padding */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* New Template Color Combination Varibale  */
/* Media Query  */
/* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */
/* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */
/* Teetime Color Configuration */
.portlet-title-text {
  display: none !important; }

/* Overlay Fix */
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 32px !important; }

.lfr-add-panel .input-group.search-bar .form-control {
  color: #ffffff !important; }

/* Admin Control Spacing */
.portlet > .portlet-topper {
  top: 0px !important;
  position: absolute !important; }

header.portlet-topper.small {
  top: 0 !important;
  position: absolute !important; }

header.portlet-topper.large {
  top: 0 !important;
  position: absolute !important; }

/* View profile delete popup color */
body .ui-dialog .ui-dialog-titlebar {
  background-color: #060c38 !important;
  color: #ffffff !important;
  font-family: "Montserrat", sans-serif !important; }

/* Title bar hover color */
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover {
  color: #ffffff;
  background-color: #060c38 !important; }

/* Radio button background color */
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
  background-color: #000000; }

/* Member Roster pagiation bottom button height adjust */
#ui-area .ui-paginator .ui-paginator-pages .ui-state-active {
  border-radius: 0 !important;
  margin-top: 0 !important; }

/* Events portlets prefences check box color */
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  color: #000000; }

.events-pref-filters {
  width: 100%;
  margin: 0 0 0 30px; }

.events-pref-checkbox-list-container {
  margin: 10px 0 0 0; }

body .ui-accordion .ui-accordion-header.ui-state-active {
  color: #000000; }

/* Announcement portlets prefences views accordion color */
body .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
  color: #000000; }

/* upload delete popup chit overlap fixing */
.mm-slideout {
  z-index: inherit !important; }

/* impersonation overlap issue fixing */
.impersonation-msg {
  z-index: 99 !important; }

/* View profile Date picker arrows */
.ui-datepicker {
  z-index: 9999 !important; }
  .ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before {
    font-family: inherit !important;
    top: -2px; }
  .ui-datepicker .ui-datepicker-prev:before {
    right: 10px !important; }
  .ui-datepicker .ui-datepicker-header a.ui-state-hover {
    background: transparent !important;
    top: 0px !important; }
  .ui-datepicker table.ui-datepicker-calendar th {
    border: 1px solid #cccccc; }

/* Statements settings button padding */
.StatementSettings-portlet .stmt-settings-heading + label + div + div + div {
  display: inline-block; }

/* Statements summary portlet balance due button */
.StatementSummary-portlet .info-bar-left {
  float: none !important; }

.StatementSummary-portlet .ui-panelgrid .ui-panelgrid-cell {
  padding: 5px 4px; }

/* Recent Charges portlet All receivable dropdown padding */
.RecentCharges-portlet .ui-panelgrid .ui-panelgrid-cell {
  padding: 5px 4px; }

/* webcontent margin issue fixing */
.portlet {
  margin-bottom: 0 !important; }

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

/* Event preferences admin fixing */
.events-pref-filters {
  margin: 0 0 0 0px; }

/* Ckeditor button fixing after login admin account */
.hidden {
  display: none !important; }

.inlineEditor {
  border: 0 !important;
  font-weight: normal !important; }

/* calendar icon button color change */
button .ui-icon.ui-icon-calendar {
  color: #000000; }

/* calendar title color change */
.ui-datepicker .ui-datepicker-title {
  color: #ffffff !important; }

/* Activity portlet date margin */
.activities-portlet .activity-type {
  margin: 0 10px 0 0px; }

/* Dining portlet padding */
#ui-area .DiningReservation-portlet label.ui-selectonemenu-label {
  display: block !important;
  margin: 0px !important;
  padding: 5px 0px 5px 10px;
  line-height: normal !important;
  height: 33px; }

/* Statement table fixing */
body .ui-datatable thead th {
  padding: 5px 5px; }
  @media (min-width: 300px) and (max-width: 767px) {
    body .ui-datatable thead th {
      padding: 5px 2px !important; } }

#ui-area .StatementSummary-portlet .main-label {
  background-color: #060c38 !important;
  color: #ffffff !important;
  margin: 0 0 5px 0; }

/* portlet background transparent */
body .ui-panelgrid .ui-panelgrid-cell {
  background-color: transparent !important; }

/* portlet popup padding */
body .ui-scrollpanel {
  padding: 0 !important; }

body .ui-dialog .ui-dialog-content {
  padding: 10px; }

/* Makepayment popup total payment amount colour fixing */
.ui-dialog .ui-dialog-content span.label.label-success {
  color: #ffffff;
  border: none !important; }

#ui-area .ui-selection .ui-chkbox-box .ui-icon {
  font-size: 16px !important; }

.announcement-portlet .ui-tabs .ui-widget-header {
  border: 0px !important; }

.announcement-portlet .ui-tabs .ui-tabs-nav {
  margin: 0px !important; }

.announcement-portlet .ui-tabs .ui-tabs-panels .ui-state-default {
  border: 1px solid #c8c8c8 !important;
  padding: 5px !important;
  margin-bottom: 5px !important;
  color: #000 !important; }

.ui-tabs .ui-widget-header {
  border-bottom: 0px !important; }

/* Changes By Shaheryer */
.label-custom {
  background: #060c38 !important;
  color: #fff !important;
  text-shadow: none !important;
  font-weight: normal !important;
  padding: 5px 10px;
  font-size: 13px !important;
  border: 0;
  border-radius: 5px; }

.label-info {
  background: #060c38 !important;
  color: #fff !important;
  text-shadow: none !important;
  font-weight: normal !important;
  padding: 5px 10px;
  font-size: 13px !important;
  border: 0;
  border-radius: 5px; }

.label-success {
  background-color: #060c38 !important;
  font-size: 18px !important; }

.mp-calender .hasDatepicker {
  height: auto !important;
  margin: 0; }

body .ui-slider {
  background-color: #c8c8c8 !important; }

body .ui-button.ui-button-text-icon-left {
  font-size: 14px !important; }

body #ui-area .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon.ui-icon-check {
  background-color: #fff !important; }

select:not(.form-control) {
  width: 220px !important;
  border: 1px solid #ccc !important;
  background-color: white !important;
  padding: 4px 6px !important; }

body .ui-button.ui-button-text-icon-left {
  font-size: 14px !important; }

body #ui-area .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon.ui-icon-check, body #ui-area .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  background-color: #fff !important;
  border: 1px solid #ddd !important; }

select:not(.form-control) {
  width: 220px !important;
  border: 1px solid #ccc !important;
  background-color: white !important;
  padding: 4px 6px !important; }

.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;
  background: #ddd;
  border-radius: 5px !important; }

body .ui-chkbox {
  height: auto !important; }

body .ui-button {
  background-color: #fff !important;
  color: #000 !important; }

.ui-colorpicker .ui-button {
  background: #fff;
  border: 0px !important; }
  .ui-colorpicker .ui-button:hover {
    background: #fff !important;
    border: 0px !important; }

body .ui-datalist .ui-datalist-content {
  padding: 0.571em 0 !important; }

/* Mobile Nav Fixing */
.mm-wrapper_opened {
  height: 100% !important;
  min-height: 100% !important;
  position: fixed !important; }

/* Mobile view statement button fixing */
@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .ui-datatable-tablewrapper span.ui-column-title {
    margin: 0 !important; } }

/* Dining resrvation select menu fixing */
.DiningReservation-portlet .ui-fluid .ui-selectonemenu, .DiningReservation-portlet .ui-fluid textarea {
  width: 100% !important;
  min-width: auto !important; }

.DiningReservation-portlet .dining-margin-top.dining-search-label .ui-fluid .ui-selectonemenu, .DiningReservation-portlet .dining-margin-top.dining-search-label .ui-fluid textarea {
  max-width: 100% !important; }

/* Activities portlet date picker height fixing */
#ui-area .activities-portlet .activity-sheet-container .activity-date-picker > span {
  padding: 8px 12px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 2px; }

#ui-area .activities-portlet .activity-sheet-container .activity-date-picker .form-control {
  height: auto !important; }

/* porlet color fixes Start */
body .ui-panelgrid .ui-panelgrid-cell {
  color: #666666 !important; }

/* porlet color fixes Start */
.MemberRoster-portlet span.roster-resp-cell-phone:before {
  content: "\f095" !important;
  font-family: 'fontawesome-alloy'; }

.nav-tabs li:nth-child(1) a:before {
  content: "\f073" !important;
  font-family: 'fontawesome-alloy'; }

.nav-tabs li:nth-child(2) a:before {
  content: "\f03a" !important;
  font-family: 'fontawesome-alloy'; }

.calendar-portlet-column-options .yui3-calendarnav-prevmonth:before, .ui-datepicker-prev:before {
  content: "\f137";
  font-family: 'fontawesome-alloy'; }

.calendar-portlet-column-options .yui3-calendarnav-nextmonth:before, .ui-datepicker-next:before {
  content: "\f138";
  font-family: 'fontawesome-alloy'; }

.MemberRoster-portlet span.roster-resp-home-phone:before {
  font-family: 'fontawesome-alloy'; }

span.refresh {
  background-image: none !important;
  height: auto !important;
  width: auto !important; }
  span.refresh a:after {
    content: '\f021';
    color: #1A2857;
    font-weight: normal;
    font-family: 'fontawesome-alloy';
    font-size: 15px;
    color: #4bb14b; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .taglib-captcha {
  display: inline-table; }

.ui-chkbox .ui-chkbox-label {
  margin: 0 16px 0 8px !important;
  top: -3px;
  position: relative; }

body .ui-button .ui-icon {
  color: #000 !important; }

@media (min-width: 300px) and (max-width: 767px) {
  table:not(.lfr-search-iterator-fixed-header-table) td {
    font-size: 14px !important;
    font-family: "Montserrat", sans-serif !important; }
  .poa-portlet table:not(.lfr-search-iterator-fixed-header-table) td {
    font-size: 14px !important; }
    .poa-portlet table:not(.lfr-search-iterator-fixed-header-table) td a span {
      font-size: 14px !important; } }

.mp-dialog-grid .upload-image .ui-fileupload-buttonbar {
  padding-left: 0; }
  .mp-dialog-grid .upload-image .ui-fileupload-buttonbar .ui-button-text {
    font-size: 18px; }

#ui-area .calendar-portlet .calendar-nav-bar .container-fluid.container-fluid-max-xl {
  padding: 0 !important; }

#ui-area .calendar-portlet .calendar-nav-bar .navigation-bar .navbar-nav .nav-link {
  background: #060c38;
  color: #ffffff;
  border-right: 1px solid #ffffff;
  border-radius: 4px; }
  #ui-area .calendar-portlet .calendar-nav-bar .navigation-bar .navbar-nav .nav-link:after {
    display: none; }
  #ui-area .calendar-portlet .calendar-nav-bar .navigation-bar .navbar-nav .nav-link.active {
    background: #6a6d88 !important;
    color: #ffffff; }

.ui-confirm-dialog .ui-fileupload .ui-fileupload-buttonbar {
  border: 0 !important; }

#ui-area .campaignCategory-portlet .ui-inputswitch-off + .ui-inputswitch-on {
  border: 0px;
  font-size: 12px;
  line-height: normal;
  padding: 0px;
  margin: 0px;
  text-shadow: none;
  position: relative;
  background: #060c38;
  color: #fff;
  height: 30px; }
  #ui-area .campaignCategory-portlet .ui-inputswitch-off + .ui-inputswitch-on + .ui-inputswitch-handle {
    line-height: normal !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 30px; }
  #ui-area .campaignCategory-portlet .ui-inputswitch-off + .ui-inputswitch-on span {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 2px; }

#ui-area .campaignCategory-portlet .ui-inputswitch-off {
  border: 0px;
  font-size: 12px;
  border: 1px solid #dbd9d5;
  line-height: normal;
  padding: 0px;
  margin: 0px;
  text-shadow: none;
  height: 30px; }
  #ui-area .campaignCategory-portlet .ui-inputswitch-off span {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

@media (min-width: 300px) and (max-width: 767px) {
  #ui-area .campaignCategory-portlet .unsubscription-header {
    margin-top: 20px; } }

#ui-area .campaignCategory-portlet .unsubscription-header .unsubscription-heading {
  font-size: 30px;
  color: #060c38; }
  @media (min-width: 300px) and (max-width: 767px), (min-width: 767px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1199px) {
    #ui-area .campaignCategory-portlet .unsubscription-header .unsubscription-heading {
      font-size: 20px; } }

#ui-area .campaignCategory-portlet .unsubscription-content label {
  font-size: 24px !important;
  color: #060c38 !important; }
  @media (min-width: 300px) and (max-width: 767px), (min-width: 767px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1199px) {
    #ui-area .campaignCategory-portlet .unsubscription-content label {
      font-size: 18px !important;
      margin-bottom: 10px; } }

#ui-area .campaignCategory-portlet .unsubscription-content .ui-chkbox .ui-chkbox-label {
  word-break: break-all; }

#ui-area .campaignCategory-portlet .ui-datatable-reflow .ui-widget-content .ui-chkbox .ui-chkbox-label {
  word-break: break-all; }

@media (min-width: 767px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1199px) {
  #ui-area .campaignCategory-portlet .ui-datatable-reflow .ui-widget-content .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    position: relative !important;
    margin: 0; } }

#ui-area .campaignCategory-portlet .table-striped .ui-datatable-tablewrapper tr th {
  background: #060c38; }
  #ui-area .campaignCategory-portlet .table-striped .ui-datatable-tablewrapper tr th span {
    color: #fff; }

#ui-area .real-estate-listings-portlet .rel-search-grid .ui-slider-range {
  background: #060c38 !important;
  box-shadow: none !important;
  margin-top: 0; }

#ui-area .real-estate-listings-portlet .rel-search-grid .ui-slider-horizontal {
  height: 0.5em; }

#ui-area .real-estate-listings-portlet .rel-search-grid .rel-search-field-text {
  line-height: 30px; }

#ui-area .real-estate-listings-portlet .rel-search-grid .rel-search-range {
  line-height: 30px;
  font-size: 12px; }

#ui-area .real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing {
  padding: 5px !important;
  margin: 10px !important; }

.crm-portlet .ui-widget-content {
  border: 0 !important;
  background: #fff !important;
  color: #4a4a4a; }

.crm-portlet label {
  display: block !important; }

.crm-portlet .ui-inputfield, .crm-portlet .ui-widget-content .ui-inputfield, .crm-portlet .ui-widget-header .ui-inputfield {
  -webkit-box-shadow: inset 0 0 0 #8f8f8f !important;
  box-shadow: inset 0 0 0 #8f8f8f !important;
  color: #4a4a4a; }

.crm-portlet .crm-eApp-nomadd-table .ui-datatable-tablewrapper table {
  width: 100% !important; }
  .crm-portlet .crm-eApp-nomadd-table .ui-datatable-tablewrapper table td {
    padding: 5px !important; }

.crm-portlet .ui-datepicker-trigger {
  top: -13px;
  position: relative;
  border-radius: 5px !important;
  border: 1px solid #ccc; }

.crm-portlet .crm-heading {
  text-align: center !important; }

.crm-portlet .back-to-pros {
  width: auto !important;
  display: inline-block !important;
  border: 1px solid #060c38 !important;
  background-color: #fff !important;
  color: #060c38 !important;
  padding: 12px 25px !important;
  border-radius: 5px !important; }

.crm-portlet .ui-selectonemenu-items-wrapper {
  max-width: 100% !important; }

.crm-portlet .crm-form-container {
  text-align: center;
  /* MT#0181901: need to make the brief bio field bigger */ }
  .crm-portlet .crm-form-container .e-control-text, .crm-portlet .crm-form-container .e-control-textarea {
    background: #fff !important; }
  .crm-portlet .crm-form-container .ui-autocomplete {
    position: relative; }
  .crm-portlet .crm-form-container .ui-datatable-tablewrapper .ui-column-title + .ui-area-btn-danger {
    padding: 8px !important;
    background: #F44336 !important;
    border: 0px !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: inline; }
  .crm-portlet .crm-form-container .ui-datatable-tablewrapper .ui-column-title + .ui-area-btn-danger + .ui-area-btn-success {
    padding: 8px !important;
    background: #535353 !important;
    border: 0px !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: inline;
    text-decoration: none !important; }
  .crm-portlet .crm-form-container i.fa.fa-plus {
    display: inline-block !important; }
  .crm-portlet .crm-form-container i.fa.fa-times {
    display: inline-block !important; }
  .crm-portlet .crm-form-container .all-header {
    background-color: transparent !important;
    color: #000 !important;
    text-transform: uppercase; }
  .crm-portlet .crm-form-container .crm-question {
    margin: 10px 0px !important; }
    .crm-portlet .crm-form-container .crm-question div table {
      width: 100% !important;
      margin: auto; }
  .crm-portlet .crm-form-container label, .crm-portlet .crm-form-container p, .crm-portlet .crm-form-container .crm-question-label, .crm-portlet .crm-form-container .crm-int-heading {
    text-transform: uppercase !important; }
  .crm-portlet .crm-form-container input, .crm-portlet .crm-form-container .ui-autocomplete-input {
    width: 40% !important;
    border: 1px solid #ccc !important;
    padding: 13px 35px !important;
    border-radius: 5px !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .crm-portlet .crm-form-container input, .crm-portlet .crm-form-container .ui-autocomplete-input {
        width: 70% !important;
        padding: 5px 20px !important; } }
  .crm-portlet .crm-form-container .ui-calendar .hasDatepicker {
    width: 37% !important;
    height: 48px !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .crm-portlet .crm-form-container .ui-calendar .hasDatepicker {
        width: 70% !important;
        height: 40px !important; } }
  .crm-portlet .crm-form-container button.ui-datepicker-trigger.ui-button {
    margin-bottom: -23px; }
    @media (min-width: 300px) and (max-width: 767px) {
      .crm-portlet .crm-form-container button.ui-datepicker-trigger.ui-button {
        margin-bottom: -33px;
        left: -21px;
        position: relative;
        top: 1px; } }
  .crm-portlet .crm-form-container .crm-nomadd-pnlgrid * {
    text-align: center; }
  .crm-portlet .crm-form-container .ui-inputfield {
    background: transparent !important;
    border-radius: 5px !important; }
  .crm-portlet .crm-form-container .bio_brief_cls {
    height: 100px !important; }
  .crm-portlet .crm-form-container .ui-selectonemenu {
    width: 34% !important;
    border: 1px solid #ccc !important;
    padding: 13px 35px !important;
    border-radius: 5px !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .crm-portlet .crm-form-container .ui-selectonemenu {
        width: 57% !important;
        padding: 5px 20px !important; } }
  .crm-portlet .crm-form-container .ui-autocomplete {
    width: 37%;
    margin-left: -20px; }
  .crm-portlet .crm-form-container .ui-autocomplete-input {
    width: 100% !important;
    border: 1px solid #ccc !important;
    padding: 13px 35px !important;
    border-radius: 5px 0px 0px 5px !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .crm-portlet .crm-form-container .ui-autocomplete-input {
        width: 89% !important;
        padding: 5px 20px !important; } }
  .crm-portlet .crm-form-container .ui-autocomplete .ui-autocomplete-dropdown {
    height: 89% !important; }
  .crm-portlet .crm-form-container .ui-selectonemenu-items-wrapper {
    max-width: 100% !important; }
  .crm-portlet .crm-form-container .ui-area-btn, .crm-portlet .crm-form-container .events-cal-link {
    padding: 15px 50px !important;
    border-radius: 6px !important;
    text-transform: uppercase; }
  .crm-portlet .crm-form-container .crm-action-draft {
    background: #000 !important; }
  .crm-portlet .crm-form-container .crm-action-submit {
    background: #bb402a !important;
    color: #fff !important; }

.crm-portlet .edit-prosp {
  width: 20px; }

.crm-portlet .ui-datatable-tablewrapper table input {
  padding: 6px !important;
  width: 100% !important; }

.crm-portlet .ui-datatable-tablewrapper table .ui-autocomplete-input {
  padding: 6px !important;
  width: 100% !important; }

.crm-portlet .ui-datatable-tablewrapper table .ui-area-btn, .crm-portlet .ui-datatable-tablewrapper table .events-cal-link {
  padding: 6px !important;
  margin: 5px;
  border: 1px solid #d7cdcd !important;
  color: #333 !important;
  font-size: 18px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: transparent !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .crm-portlet .ui-datatable-tablewrapper table .ui-area-btn, .crm-portlet .ui-datatable-tablewrapper table .events-cal-link {
      font-size: 14px !important; } }
  .crm-portlet .ui-datatable-tablewrapper table .ui-area-btn:hover, .crm-portlet .ui-datatable-tablewrapper table .events-cal-link:hover {
    background-color: #d93f28 !important;
    color: #fff !important;
    transition: all .3s linear 0s; }

.crm-portlet .ui-datatable-tablewrapper table textarea {
  padding: 6px !important;
  width: 100% !important;
  display: block; }

.crm-portlet .ui-datatable-tablewrapper table .ui-selectonemenu {
  padding: 6px !important;
  width: 80% !important;
  display: block;
  border: 1px solid #ddd;
  margin: 10px auto; }

.crm-portlet .address-vertical-view table, .crm-portlet .crm-form-layout table {
  width: 100%;
  text-align: center; }
  .crm-portlet .address-vertical-view table td, .crm-portlet .crm-form-layout table td {
    padding: 0px !important; }

.crm-portlet .custom-tooltip-icon {
  width: 20px;
  display: inline-block !important; }

.crm-portlet .address-to-vertical .ui-selectonemenu {
  width: 26% !important;
  margin: 10px 10px; }

.crm-portlet .ui-fileupload .ui-fileupload-upload, .crm-portlet .ui-fileupload .ui-fileupload-choose, .crm-portlet .ui-fileupload .ui-fileupload-cancel {
  background: none !important;
  padding: 12px 34px;
  box-shadow: none;
  border: 1px solid #d7cdcd !important;
  font-size: 11px !important;
  text-transform: uppercase;
  color: #4a4a4a !important;
  border-radius: 5px !important; }
  .crm-portlet .ui-fileupload .ui-fileupload-upload:hover, .crm-portlet .ui-fileupload .ui-fileupload-choose:hover, .crm-portlet .ui-fileupload .ui-fileupload-cancel:hover {
    background: #bb402a !important;
    color: #fff !important; }

.crm-portlet .crm-nomadd-pnlgrid a:hover {
  background-color: #fff !important;
  color: #000 !important; }

.crm-portlet .street-address-vertical textarea {
  width: 41%;
  border-radius: 5px !important; }

.crm-portlet .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; }

.crm-portlet .section-group {
  color: black !important;
  font-size: 13px !important; }

.crm-portlet .select-section {
  color: white !important;
  font-weight: bold !important;
  float: right !important;
  background: #1c76be !important; }

.crm-portlet .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; }

.crm-portlet .ui-wizard-nav-next, .crm-portlet .ui-wizard-nav-back {
  color: white !important;
  font-weight: bold !important;
  background: #1c76be !important;
  text-shadow: none !important; }

.crm-portlet .renew-section {
  color: white !important;
  font-weight: bold !important;
  float: right !important;
  background: #1d7a0c !important; }

.crm-portlet .mem-sub-grid .ui-widget-content {
  background: #e7e6e6 !important; }

.crm-portlet .crm-state-menu {
  max-width: 120px !important; }

.crm-portlet .crm-wizard-tab {
  background: #000 !important;
  color: #fff; }

.crm-portlet .ui-waiverdialog-finish {
  background: #060c38 !important;
  text-align: center; }

.crm-portlet .cross {
  color: red !important; }

.crm-portlet .crm-portlet .ui-state-highlight {
  background: #060c38 !important; }

.crm-portlet .sec-sub-property-grid .section-subscription, .crm-portlet .sec-sub-property-grid .section-sub-dur {
  display: block !important; }

.crm-portlet .sec-sub-property-grid .sec-sub-property-grid .renew-section {
  color: #fff !important; }

.crm-portlet .postal-code {
  text-transform: uppercase !important; }

.crm-portlet .section-desc, .crm-portlet .section-duration {
  margin-left: 30px !important; }

.crm-portlet .section-amount {
  float: right;
  padding: 5px !important;
  font-weight: bold !important;
  font-size: 16px !important; }

.crm-portlet .waiver-scroll-panel {
  height: 200px;
  width: 97%; }

.ui-confirm-dialog .buddy-list-yes-btn {
  background: #060c38 !important; }

.ui-confirm-dialog .buddy-list-no-btn {
  background: red !important; }

.aui *:focus {
  outline: 0px dotted #212121 !important;
  outline: 0px auto -webkit-focus-ring-color !important; }

/* Statement Summary */
.StatementSummary-portlet .stmt-heading + span {
  background: #eaecec !important;
  padding: 5px 10px 10px 10px;
  border: 0px !important;
  display: block; }

.StatementSummary-portlet .table-bordered {
  border: 0px !important; }

.StatementSummary-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .StatementSummary-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    border: 1px solid #eaecec !important;
    box-shadow: none; }
    .StatementSummary-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px; }
  .StatementSummary-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .StatementSummary-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }

.StatementSummary-portlet .info-bar-left {
  float: left; }

.StatementSummary-portlet .ui-area-btn-statement {
  background: transparent !important;
  font-weight: 400 !important; }

.StatementSummary-portlet .stmt-info-button {
  border: 2px solid #6a6d88 !important;
  color: #ffffff !important;
  background: #6a6d88 !important;
  box-shadow: none !important;
  padding: 5px 10px;
  transition: all 0.3s linear 0s !important; }
  .StatementSummary-portlet .stmt-info-button:hover {
    background: #060c38 !important;
    border: 2px solid #060c38 !important;
    color: #ffffff; }

.StatementSummary-portlet .stmt-previous-button, .StatementSummary-portlet .stmt-next-button {
  background: transparent !important;
  color: #040827 !important;
  box-shadow: none !important;
  border: 2px solid #040827 !important;
  padding: 5px 10px; }
  .StatementSummary-portlet .stmt-previous-button .distant, .StatementSummary-portlet .stmt-next-button .distant {
    margin: 0; }
  .StatementSummary-portlet .stmt-previous-button:hover, .StatementSummary-portlet .stmt-next-button:hover {
    background: transparent !important;
    color: Black !important;
    box-shadow: none !important; }
  .StatementSummary-portlet .stmt-previous-button:focus, .StatementSummary-portlet .stmt-next-button:focus {
    outline: 1px dotted #212121 !important;
    outline: 5px auto -webkit-focus-ring-color !important; }

.StatementSummary-portlet .ui-area-btn-statement-active {
  background: #060c38 !important;
  border-color: #060c38 !important;
  text-shadow: none !important;
  color: #fff !important; }
  .StatementSummary-portlet .ui-area-btn-statement-active:hover {
    background: #6a6d88 !important;
    border-color: #6a6d88 !important; }

.StatementSummary-portlet .label-info, .StatementSummary-portlet .label-custom {
  background-color: #cdced7 !important;
  color: #060c38 !important;
  text-shadow: none !important;
  font-weight: normal !important;
  padding: 5px;
  margin: 10px 0px; }

.StatementSummary-portlet .stmt-message {
  color: #4a4a4a !important;
  font-weight: 300; }

.StatementSummary-portlet .main-label {
  background-color: transparent !important;
  color: #000000 !important;
  text-shadow: none !important;
  font-weight: normal !important;
  margin: 0px; }

.StatementSummary-portlet .label-long-primary {
  margin: 0px !important; }

.StatementSummary-portlet .label-custom {
  background-color: #cdced7 !important;
  color: #060c38 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  padding: 5px;
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .StatementSummary-portlet .label-custom {
      font-size: 14px !important; } }

.StatementSummary-portlet .stmt-print-button,
.StatementSummary-portlet .stmt-pmnt-btn {
  background: transparent !important;
  color: #040827 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  border: 2px solid #6a6d88 !important;
  padding: 10px 10px !important;
  border-radius: 5px !important;
  font-size: 18px !important;
  transition: all 0.3s linear 0s !important;
  /* &:before {
			content: '\f02f';
			font-family: FontAwesome;
			font-weight: 400;
			margin-right: 4px;
		} */ }
  .StatementSummary-portlet .stmt-print-button:hover, .StatementSummary-portlet .stmt-pmnt-btn:hover {
    background: #060c38 !important;
    color: #fff !important;
    text-decoration: none !important; }
    .StatementSummary-portlet .stmt-print-button:hover .stmt-print-icon, .StatementSummary-portlet .stmt-pmnt-btn:hover .stmt-print-icon {
      color: #fff !important;
      transition: all 0.3s linear 0s !important; }
  .StatementSummary-portlet .stmt-print-button .stmt-print-icon, .StatementSummary-portlet .stmt-pmnt-btn .stmt-print-icon {
    color: #040827 !important; }

.StatementSummary-portlet .ui-widget-header {
  border: 0px; }

.StatementSummary-portlet .label-long-recent-acti {
  background-color: #cdced7; }

.StatementSummary-portlet .label-long-recent-acti * {
  color: #000 !important;
  font-weight: 700 !important; }

.MemberProfile-portlet {
  /* 	Old Class */ }
  .MemberProfile-portlet .ui-calendar.date-of-birth, .MemberProfile-portlet .ui-calendar.date-of-birth input {
    display: flex;
    width: 100% !important; }
  .MemberProfile-portlet .ui-calendar.date-of-birth .ui-button-icon-only .ui-icon {
    left: 48% !important;
    top: 50% !important; }
  .MemberProfile-portlet .ui-calendar.date-of-birth button.ui-datepicker-trigger.ui-button {
    margin-bottom: 7px !important;
    margin-top: 0 !important;
    height: 100% !important;
    margin: 0 !important; }
  @media only screen and (min-width: 980px) {
    .MemberProfile-portlet .ui-calendar.date-of-birth, .MemberProfile-portlet .MemberProfile-portlet .ui-calendar.date-of-birth input {
      max-width: 270px !important; } }
  .MemberProfile-portlet .mp-grid-col .mp-edit-grid .ui-panelgrid-header.ui-widget-header {
    padding-top: 20px; }
  .MemberProfile-portlet .mp-picture-image {
    margin-top: 0 !important; }
  @media screen and (min-width: 200px) and (max-width: 767px) {
    .MemberProfile-portlet span.text-bold.mp-value-text {
      margin: 0 !important; } }
  .MemberProfile-portlet .mp-edit-grid .mp-value-text {
    margin: 7px 0 0 0 !important; }
  .MemberProfile-portlet .mp-label-status i {
    display: -webkit-inline-box; }
  .MemberProfile-portlet .mp-label-status {
    padding: 2px 5px;
    border-radius: 3px;
    color: #ffffff !important; }
    .MemberProfile-portlet .mp-label-status .member-status {
      font-family: "Montserrat", sans-serif !important; }
  .MemberProfile-portlet .mp-dialog-grid .portlet-msg-alert {
    margin-top: 0px !important; }
  .MemberProfile-portlet .mp-picture-image {
    width: 100% !important;
    padding: 0px !important;
    height: 250px;
    object-fit: none;
    box-shadow: none !important;
    margin-bottom: 0; }
  .MemberProfile-portlet .mp-grid-col .mp-grid, .MemberProfile-portlet .ui-grid-col-7 .mp-grid {
    border: 0px !important; }
    .MemberProfile-portlet .mp-grid-col .mp-grid .mp-odd-row, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-odd-row {
      background: #eaecec !important;
      border: 0px; }
    .MemberProfile-portlet .mp-grid-col .mp-grid .even-row, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .even-row {
      background: #fff !important; }
    .MemberProfile-portlet .mp-grid-col .mp-grid .mp-even-col, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-even-col {
      font-weight: 400; }
    .MemberProfile-portlet .mp-grid-col .mp-grid .mp-header, .MemberProfile-portlet .mp-grid-col .mp-grid .mp-edit-grid .ui-widget-header, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-header, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-edit-grid .ui-widget-header {
      letter-spacing: .2px;
      text-transform: capitalize !important;
      font-size: 24px !important;
      font-weight: 700 !important;
      font-family: "Montserrat", sans-serif !important;
      color: #060c38 !important; }
  .MemberProfile-portlet .dependent-box {
    min-height: 170px !important;
    background: #fff !important;
    border: 1px solid #eaeaea !important;
    margin: 0px;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
    @media (min-width: 300px) and (max-width: 767px) {
      .MemberProfile-portlet .dependent-box {
        margin: 5px 0px !important; } }
    .MemberProfile-portlet .dependent-box:hover {
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
      -webkit-transform: scale(1.02, 1.02);
      transform: scale(1.02, 1.02);
      cursor: pointer; }
    .MemberProfile-portlet .dependent-box .mp-dep-picture-image {
      border-radius: 100% !important;
      width: 100px !important;
      height: 100px !important;
      background-image: url(../images/club-images/icon/ajax-loader-small.gif) !important;
      background-repeat: no-repeat !important;
      object-fit: cover !important;
      padding: 0px !important;
      margin-bottom: 20px;
      background-position: center center !important; }

.mp-main-grid .ui-widget-header {
  letter-spacing: .2px;
  text-transform: capitalize !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  font-family: "Montserrat", sans-serif !important;
  color: #060c38 !important;
  text-align: left;
  padding-left: 0; }

/* Statement Summary */
.GiftCard-portlet .ui-inputtext {
  width: auto !important;
  max-width: 100%; }

.GiftCard-portlet .gc-heading {
  font-weight: 300; }
  .GiftCard-portlet .gc-heading + div {
    background: #eaecec !important;
    padding: 5px 10px 10px 10px;
    border: 0px !important;
    display: block; }
    .GiftCard-portlet .gc-heading + div + label + div {
      background: #eaecec !important;
      padding: 5px 10px 10px 10px;
      border: 0px !important;
      display: block; }

.GiftCard-portlet .table-bordered {
  border: 0px !important; }

.GiftCard-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .GiftCard-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    border: 5px solid #eaecec !important;
    box-shadow: none; }
    .GiftCard-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px; }
  .GiftCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .GiftCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    background: #eaecec !important;
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }

.GiftCard-portlet .gc-label {
  background-color: #060c38 !important;
  margin: 10px 0px 5px 0px !important;
  color: #ffffff !important; }

@media (min-width: 300px) and (max-width: 767px) {
  .GiftCard-portlet .gc-btn-search, .GiftCard-portlet .gc-btn-reset {
    margin-top: 5px !important; } }

/*CREDIT BOOK START */
.CreditBook-portlet .cb-expand {
  color: #ffffff !important; }

.CreditBook-portlet .ui-dialog-content {
  color: #050a2d !important;
  margin-top: 9px; }

/* Credit Card */
.CreditCard-portlet .ui-dialog-content .cross {
  margin: 10px 5px; }

.CreditCard-portlet .table-bordered {
  border: 0px !important; }

.CreditCard-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .CreditCard-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    border: 1px solid #eaecec !important;
    box-shadow: none; }
    .CreditCard-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px; }
  .CreditCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .CreditCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    background: #eaecec !important;
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }

/* Statement Summary */
.MakePayment-portlet .pmnt-main-div {
  background: #eaecec !important;
  padding: 10px;
  border: 0px !important;
  display: block; }
  .MakePayment-portlet .pmnt-main-div .ui-commandlink {
    text-decoration: underline;
    margin: 10px 5px !important; }

.MakePayment-portlet .table-bordered {
  border: 0px !important; }

.MakePayment-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .MakePayment-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    border: 1px solid #eaecec !important;
    box-shadow: none; }
    .MakePayment-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px; }
  .MakePayment-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .MakePayment-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    background: #eaecec !important;
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }

.MakePayment-portlet .info-bar-left {
  float: left; }

.MakePayment-portlet .ui-area-btn-statement {
  background: transparent !important;
  padding: 4px 10px !important;
  margin-top: 15px !important;
  font-weight: 400 !important; }

.MakePayment-portlet .stmt-info-button {
  border: 2px solid #6a6d88 !important;
  color: #6a6d88 !important; }

.MakePayment-portlet .stmt-previous-button, .MakePayment-portlet .stmt-next-button {
  background: transparent !important;
  border: 0px solid #333943 !important;
  color: #040827 !important;
  border: 2px solid #040827 !important;
  padding: 5px 10px; }
  .MakePayment-portlet .stmt-previous-button .distant, .MakePayment-portlet .stmt-next-button .distant {
    margin: 0; }
  .MakePayment-portlet .stmt-previous-button:hover, .MakePayment-portlet .stmt-next-button:hover {
    background: transparent !important;
    color: Black !important;
    box-shadow: none !important; }
  .MakePayment-portlet .stmt-previous-button:focus, .MakePayment-portlet .stmt-next-button:focus {
    outline: 1px dotted #212121 !important;
    outline: 5px auto -webkit-focus-ring-color !important; }

.MakePayment-portlet .ui-area-btn-statement-active {
  background: #6a6d88 !important;
  border-color: #6a6d88 !important;
  color: #fff !important; }
  .MakePayment-portlet .ui-area-btn-statement-active:hover {
    background: #cdced7 !important;
    border-color: #cdced7 !important; }

.MakePayment-portlet .label-info, .MakePayment-portlet .label-custom {
  background-color: #060c38 !important;
  color: #ffffff !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  padding: 5px 10px !important;
  margin-top: 10px !important; }

.MakePayment-portlet .stmt-message {
  color: #4a4a4a !important;
  font-weight: 300; }

.MakePayment-portlet .main-label {
  background-color: transparent !important;
  color: #000000 !important;
  text-shadow: none !important;
  font-weight: normal !important; }

.MakePayment-portlet .label-long-primary {
  margin: 0px !important; }

.MakePayment-portlet .label-custom {
  background-color: #cdced7 !important;
  color: #060c38 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  padding: 12px;
  font-size: 18px; }

.MakePayment-portlet .ui-area-btn-make-payment {
  background: transparent !important;
  color: #040827 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  border: 2px solid #6a6d88 !important;
  padding: 5px 5px !important;
  border-radius: 5px !important;
  text-decoration: none !important; }
  .MakePayment-portlet .ui-area-btn-make-payment:hover {
    background: transparent !important;
    color: inherit !important;
    text-decoration: none !important; }
  .MakePayment-portlet .ui-area-btn-make-payment .pmnt-money {
    color: #040827 !important; }

.MakePayment-portlet .ui-widget-header {
  border: 0px; }

.MakePayment-portlet .pmnt-info-bar {
  background-color: #060c38;
  margin-bottom: 10px !important;
  display: flow-root; }

.MakePayment-portlet .label-long-recent-acti * {
  color: #000 !important;
  font-weight: 700 !important; }

/* Statement Summary */
.StatementSettings-portlet .stmt-settings-heading + label + div + div {
  border: 0px !important;
  display: block;
  width: 100%; }
  @media (min-width: 300px) and (max-width: 767px) {
    .StatementSettings-portlet .stmt-settings-heading + label + div + div {
      width: calc(100% - 10px) !important; } }
  .StatementSettings-portlet .stmt-settings-heading + label + div + div + div {
    border: 0px !important;
    display: block;
    width: 100%; }
    @media (min-width: 300px) and (max-width: 767px) {
      .StatementSettings-portlet .stmt-settings-heading + label + div + div + div {
        width: calc(100% - 10px) !important; } }

/* For Advance View */
.spa-margin-top {
  margin-top: 0px !important;
  background-size: cover !important;
  background-position: center center; }

.SpaReservation-portlet .forward-controls a i, .SpaReservation-portlet .backward-controls a i {
  color: #060c38; }

.SpaReservation-portlet .ui-panel-titlebar {
  background: #060c38 !important; }

.SpaReservation-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .SpaReservation-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    border: 5px solid #eaecec !important;
    box-shadow: none; }
    .SpaReservation-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px; }
  .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    background: #eaecec !important;
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }
    .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a {
      text-decoration: none !important;
      font-size: 18px !important; }
      .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a .spa-trash, .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a .spa-trash {
        color: red !important; }

.SpaReservation-portlet .spa-available-times table thead th {
  background: #060c38 !important; }
  .SpaReservation-portlet .spa-available-times table thead th span {
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.5px; }

.SpaReservation-portlet .ui-area-btn-success {
  background: #060c38 !important;
  text-decoration: none !important;
  border-radius: 20px !important;
  padding: 10px;
  border: 0 !important;
  box-shadow: none; }
  .SpaReservation-portlet .ui-area-btn-success:hover {
    background: #040827 !important; }

.SpaReservation-portlet .confirm-heading-label {
  color: #333943;
  font-weight: 300;
  font-size: 24px !important;
  line-height: 30px !important; }

.SpaReservation-portlet .main-spa-div h1 {
  display: none; }

.SpaReservation-portlet .main-spa-div.background-size .spa-margin-top .ui-widget-content {
  padding: 0px !important;
  margin: 0px !important; }

.SpaReservation-portlet .spa-search-controls label {
  font-size: 12px !important;
  text-transform: uppercase;
  text-shadow: none; }

.SpaReservation-portlet .ui-dialog-title {
  text-transform: capitalize;
  border: 0;
  color: #a6a096 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  text-shadow: none; }

/* .SpaReservation-portlet .ui-state-active .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(../images/club-images/ui-icons_ffffff_256x240.png) !important;
} */
.spa-cancel-dialog {
  top: 30% !important; }

.SpaReservation-portlet .main-spa-div .spa-margin-top .ui-selectonemenu {
  border-radius: 0px !important;
  box-shadow: 0px 1px 2px #dedede;
  border: 1px solid #ddd;
  padding: 3px; }

.SpaReservation-portlet .main-spa-div .spa-margin-top .ui-selectonemenu-trigger {
  border-left: 1px solid #ddd; }

.SpaReservation-portlet .spa-margin-top span + .row-fluid {
  display: none; }

.SpaReservation-portlet .activity-slots table td.past-time {
  background-repeat: repeat !important; }

.SpaReservation-portlet td.data-col.slot.open {
  background-image: url(../../../mac-new-theme/images/club-images/calendar-icon.jpg);
  background-repeat: no-repeat !important;
  background-position: center center; }

.container.activity-reservation-container {
  width: 100%; }

.horizontal-dates a:hover .calendar-year {
  color: #ffffff;
  background-color: #383d60;
  font-size: 14px !important; }

.horizontal-dates a:hover {
  background-color: #c8102e !important;
  color: #fff !important; }

.SpaReservation-portlet #ui-datepicker-div .ui-state-active {
  background: #a6152d !important;
  color: #fff; }

.SpaReservation-portlet #ui-datepicker-div .ui-datepicker-header {
  background: #c8102e !important; }

.SpaReservation-portlet .btn-legend {
  color: #000 !important; }

.SpaReservation-portlet .btn-legend {
  background-color: #f3f1ef !important; }

.SpaReservation-portlet .horizontal-dates a {
  color: black; }

.SpaReservation-portlet .footer-row td {
  background: #f3f2f0 !important; }

.SpaReservation-portlet .horizontal-dates a.selected-date, .horizontal-dates a.selected-date .calendar-year {
  background-color: #060c38 !important;
  color: #fff; }

.SpaReservation-portlet span.calendar-year {
  color: #ffffff;
  background-color: #383d60;
  font-size: 14px !important; }

.horizontal-dates div {
  background-color: #f3f1ef !important; }

.SpaReservation-portlet tr.header-row th, .SpaReservation-portlet tr.footer-row td {
  color: #000 !important; }

.SpaReservation-portlet .callout ul li {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 24px;
  color: #4a4a4a;
  font-weight: 300; }

.SpaReservation-portlet td.data-col.interval {
  background-color: #f3f2f0 !important; }

.SpaReservation-portlet tr.header-row th, .SpaReservation-portlet tr.footer-row td {
  font-size: 12px !important;
  font-weight: 700 !important; }

.SpaReservation-portlet td.data-col.interval {
  color: #ada8a3 !important; }

.SpaReservation-portlet span.btn-reservation-sheet a.active, .SpaReservation-portlet span.btn-trainer-sheet a.active {
  background-color: #c8102e !important;
  border: 0 !important; }

.spa-available-times {
  margin-top: 40px; }

.SpaReservation-portlet button.ui-datepicker-trigger.ui-button {
  padding: 0px 0;
  margin-top: 6px;
  height: 30px;
  border: 1px solid #ddd; }

.SpaReservation-portlet .gender-radio label {
  margin-top: 0px !important;
  padding: 5px; }

.announcement-portlet .arrow {
  width: 100px; }

.announcement-portlet .announcement-image {
  height: 350px !important;
  object-fit: cover !important;
  width: 100%; }

.announcement-portlet .announcement-controls {
  padding: 20px !important; }

.announcement-portlet span.announcement-details {
  background-color: transparent !important;
  margin: 0px !important;
  padding: 5px 10px !important;
  font-size: 12px !important; }
  .announcement-portlet span.announcement-details::hover {
    background-color: transparent !important; }

.announcement-portlet .slick-prev i, .announcement-portlet .slick-next i {
  line-height: 30px;
  border: 2px solid #b0a794;
  border-radius: 80%;
  height: 30px;
  width: 30px; }

.announcement-portlet .bx-wrapper .bx-viewport {
  border: 0px !important; }

.announcement-portlet .announcement-date {
  display: none !important; }

.announcement-content {
  border-bottom: none !important;
  display: block;
  box-sizing: border-box; }
  .announcement-content a {
    position: relative;
    display: block;
    padding: 0px 24px 10px 0 !important;
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.25);
    color: #000;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 12px; }
    .announcement-content a:hover span {
      text-decoration: underline; }

.slider {
  box-sizing: border-box;
  margin-bottom: 0px; }
  .slider .slide {
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      .slider .slide {
        position: relative;
        min-height: 370px;
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    @media screen and (max-width: 480px) {
      .slider .slide {
        min-height: 450px;
        background-size: auto 65%;
        background-position: 85% top;
        background-repeat: no-repeat; } }
    @media screen and (min-width: 768px) {
      .slider .slide {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat; } }
    .slider .slide .content {
      position: relative;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .slider .slide .content {
          background: #060c38;
          text-align: center;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 20px 20px 60px; }
          .slider .slide .content h3, .slider .slide .content p {
            margin-bottom: 8px; } }
      @media screen and (min-width: 768px) {
        .slider .slide .content {
          background: rgba(106, 109, 136, 0.75);
          height: 100%;
          min-height: 330px;
          width: 45%;
          padding: 20px 20px 90px;
          min-width: 308px; } }
      @media screen and (min-width: 860px) {
        .slider .slide .content {
          width: 40%; } }
      @media screen and (min-width: 980px) {
        .slider .slide .content {
          width: 37%;
          padding: 30px 30px 90px; } }
      .slider .slide .content * {
        color: #fff !important; }
        .slider .slide .content *:first-child {
          margin-top: 0; }
      .slider .slide .content p {
        font-weight: 100;
        line-height: 24px; }
      .slider .slide .content a.arrow::after {
        position: absolute;
        right: 0;
        top: 4px;
        content: '';
        height: 17px;
        width: 17px;
        padding: 1px;
        background-image: url("../images/club-images/icon/link-arrow-right-red.png");
        background-size: 16px auto;
        background-repeat: no-repeat;
        background-position: center center; }
      .slider .slide .content .navigation {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
        @media screen and (max-width: 767px) {
          .slider .slide .content .navigation {
            padding: 10px 20px 15px; } }
        @media screen and (min-width: 768px) {
          .slider .slide .content .navigation {
            padding: 20px;
            position: inherit !important; } }
        @media screen and (min-width: 980px) {
          .slider .slide .content .navigation {
            padding: 20px 30px;
            position: inherit !important; } }
        .slider .slide .content .navigation .count, .slider .slide .content .navigation .buttons {
          vertical-align: middle;
          display: inline-block; }
        .slider .slide .content .navigation .count {
          font-size: 14px;
          float: left; }
          @media screen and (max-width: 480px) {
            .slider .slide .content .navigation .count {
              display: none; } }
          .slider .slide .content .navigation .count b {
            color: #fff;
            font-weight: 900; }
          .slider .slide .content .navigation .count span {
            font-weight: 400;
            color: #dad4c9; }
        .slider .slide .content .navigation .buttons {
          float: right; }
          @media screen and (max-width: 480px) {
            .slider .slide .content .navigation .buttons {
              float: none; } }
        .slider .slide .content .navigation .slick-prev, .slider .slide .content .navigation .slick-next {
          background: transparent;
          border: none;
          box-shadow: none;
          padding-left: 4px;
          padding-right: 4px; }
          .slider .slide .content .navigation .slick-prev:focus, .slider .slide .content .navigation .slick-prev:active, .slider .slide .content .navigation .slick-next:focus, .slider .slide .content .navigation .slick-next:active {
            outline: 1px dotted transparent; }
          .slider .slide .content .navigation .slick-prev img, .slider .slide .content .navigation .slick-next img {
            width: 29px;
            height: auto;
            border: none;
            box-shadow: none;
            margin-bottom: 0; }
  .slider.content-bottom .slide {
    position: relative;
    min-height: 362px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; }
    @media screen and (max-width: 480px) {
      .slider.content-bottom .slide {
        min-height: 450px;
        background-size: auto 65%;
        background-position: 85% top;
        background-repeat: no-repeat; } }
    .slider.content-bottom .slide .content {
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 20px 20px 60px;
      width: 100%;
      min-height: auto;
      height: auto; }
      .slider.content-bottom .slide .content h3, .slider.content-bottom .slide .content p {
        margin-bottom: 8px; }
      @media screen and (min-width: 768px) {
        .slider.content-bottom .slide .content {
          background: rgba(6, 12, 56, 0.92); } }
      @media screen and (min-width: 980px) {
        .slider.content-bottom .slide .content {
          text-align: left;
          padding: 18px 115px 16px 18px; }
          .slider.content-bottom .slide .content h3, .slider.content-bottom .slide .content p {
            margin-bottom: 0; } }
    .slider.content-bottom .slide .navigation {
      padding: 10px 20px 15px; }
      @media screen and (min-width: 980px) {
        .slider.content-bottom .slide .navigation {
          padding: 10px;
          text-align: center;
          left: auto;
          top: 50%;
          bottom: auto;
          transform: translateY(-50%); }
          .slider.content-bottom .slide .navigation .count, .slider.content-bottom .slide .navigation .buttons {
            display: block;
            float: none;
            margin-bottom: 8px; } }
      @media screen and (max-width: 480px) {
        .slider.content-bottom .slide .navigation .count {
          display: none; } }
      @media screen and (max-width: 480px) {
        .slider.content-bottom .slide .navigation .buttons {
          float: none; } }

.announcement-content a {
  border-bottom: none;
  padding: 4px 24px 0px 0; }

@media (min-width: 641px) and (max-width: 880px) {
  .announcement-portlet .left-side-view .slide .content {
    width: 47% !important; } }

.announcement-portlet .left-side-view .slide .content {
  width: 37%;
  padding: 30px 30px 90px;
  position: absolute;
  top: 0px; }

.announcement-portlet .left-side-view .announcement a {
  position: relative;
  display: block;
  padding: 0px 24px 0px 0 !important;
  border-bottom: 1.5px solid rgba(166, 160, 150, 0.25);
  color: #333943;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0px !important;
  margin-top: 0px !important; }

@media (max-width: 640px) and (min-width: 1px) {
  .announcement-portlet .left-side-view .slide .content {
    width: 100% !important;
    top: auto !important;
    bottom: 0 !important;
    position: relative !important; } }

@media (max-width: 766px) and (min-width: 641px) {
  .announcement-portlet .announcement-image {
    height: 370px !important; } }

@media only screen and (max-width: 767px) and (min-width: 300px) {
  .announcement-controls .announcement-control-buttons {
    text-align: center !important;
    width: 100%;
    margin-top: -40px !important; } }

.announcement-portlet .announcement span.announcement-details {
  font-size: 13px !important; }

/* Statement Summary */
.MemberReservations-portlet .ui-dialog .mr-icon {
  margin: 9px 3px; }

.MemberReservations-portlet .ui-dialog .heading.mr-heading {
  font-size: 20px !important;
  line-height: 24px !important;
  background-color: #050a2d;
  padding: 8px 7px !important;
  font-family: "Montserrat", sans-serif !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  text-align: left !important; }

.MemberReservations-portlet .mr-row-expand .mr-panelGrid .ui-widget-header {
  background: #060c38 !important;
  border: 0px !important;
  border-radius: 3px;
  padding: 8px 5px; }
  @media (min-width: 300px) and (max-width: 767px) {
    .MemberReservations-portlet .mr-row-expand .mr-panelGrid .ui-widget-header {
      margin-top: 10px !important; } }
  .MemberReservations-portlet .mr-row-expand .mr-panelGrid .ui-widget-header span {
    color: #ffffff !important; }

.MemberReservations-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .MemberReservations-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    border: 5px solid #eaecec !important;
    box-shadow: none; }
    .MemberReservations-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px; }
  .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    background: #eaecec !important;
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
        padding: 10px !important; } }
    .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a {
      text-decoration: none !important; }
      .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a .mr-trash, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a .mr-trash {
        color: #666666 !important; }

/* Alert Custom Change */
/* Alerts Add By Northstar  */
#ui-area .portlet-msg-alert button.close {
  background-image: url("../images/club-images/icon/success-x.png"); }

#ui-area .portlet-msg-error, #ui-area .alert-error {
  position: relative;
  color: #fff;
  letter-spacing: .5px;
  background-color: #c8102e;
  border-radius: 0;
  border: none;
  text-shadow: none;
  padding: 10px 20px !important;
  margin-top: 0px;
  background-image: none !important;
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .portlet-msg-error, #ui-area .alert-error {
      font-size: 14px !important; } }

#ui-area .portlet-msg-alert:before {
  background-image: url("../images/club-images/icon/calendar-icon.png") !important;
  content: '';
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  background-size: contain; }

#ui-area .portlet-msg-error:before, #ui-area .alert-error:before {
  background-image: url("../images/club-images/icon/icon-warn.png") !important;
  content: '';
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  background-size: contain; }

#ui-area .portlet-msg-info button.close {
  background-image: url("../images/club-images/icon/success-x.png"); }

#ui-area .portlet-msg-info, #ui-area .alert-info, #ui-area .buddy-list-dg .ui-datagrid-content-empty, #ui-area .events-list-portlet .alert {
  position: relative;
  color: #414141;
  font-weight: 700;
  letter-spacing: .5px;
  background-color: #f1f0ee;
  border-radius: 0;
  border: none;
  text-shadow: none;
  padding: 12px 10px !important;
  margin-top: 29px;
  background-image: none !important;
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .portlet-msg-info, #ui-area .alert-info, #ui-area .buddy-list-dg .ui-datagrid-content-empty, #ui-area .events-list-portlet .alert {
      font-size: 14px !important; } }

#ui-area .portlet-msg-alert, #ui-area .alert-warning, #ui-area .er-portlet-msg-alert {
  position: relative;
  color: #fff;
  letter-spacing: .5px;
  background-color: #414141 !important;
  border-radius: 0;
  border: none;
  text-shadow: none;
  padding: 12px 10px !important;
  margin-top: 15px;
  background-image: none !important;
  line-height: 25px !important;
  font-size: 18px !important;
  text-align: left; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .portlet-msg-alert, #ui-area .alert-warning, #ui-area .er-portlet-msg-alert {
      font-size: 14px !important; } }

#ui-area .portlet-msg-info:before, #ui-area .alert-info:before, #ui-area .alert-warning:before, #ui-area .events-list-portlet .alert:before {
  background-image: url("../images/club-images/icon/info-icon.png");
  content: '';
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  background-size: contain; }

#ui-area .portlet-msg-success button.close {
  background-image: url("../images/club-images/icon/success-x.png"); }

#ui-area .portlet-msg-success {
  position: relative;
  color: #fff;
  font-weight: 300 !important;
  letter-spacing: .5px;
  background-color: #6ea15e;
  border-radius: 0;
  border: none;
  text-shadow: none;
  padding: 12px 20px !important;
  margin-top: 29px;
  background-image: none !important;
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .portlet-msg-success {
      font-size: 14px !important; } }

#ui-area .portlet-msg-success:before {
  background-image: url("../images/club-images/icon/success-icon.png");
  content: '';
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  background-size: contain; }

/* Activity Reservation */
#ui-area .activities-portlet .hold-time .time {
  font-size: 18px !important;
  font-family: "Montserrat", sans-serif !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .activities-portlet .hold-time .time {
      font-size: 14px !important; } }

#ui-area .activities-portlet .forward-controls a i, #ui-area .activities-portlet .backward-controls a i {
  color: #060c38; }

#ui-area .activities-portlet .activity-sheet-container .activity-date-picker > span {
  padding: 7px 12px !important; }

#ui-area .activities-portlet .activity-warning-dialog .cross, #ui-area .activities-portlet .activity-dialog .cross {
  margin-top: 15px; }

#ui-area .activities-portlet .activity-dialog-heading {
  font-size: 20px !important;
  line-height: 24px !important;
  background-color: #050a2d;
  padding: 8px 7px;
  font-family: "Montserrat", sans-serif !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  text-align: left !important; }

.activity-slots table td.past-time {
  background-repeat: repeat !important; }

.activities-portlet td.data-col.slot.open {
  /* background-image: url(../images/club-images/icon/calendar-icon.jpg);
    background-repeat: no-repeat !important;
    background-position: center center; */ }
  .activities-portlet td.data-col.slot.open:after {
    font-family: FontAwesome;
    font-size: 12px;
    content: '\f274';
    text-align: center !important;
    display: block;
    color: #060c38; }

.container.activity-reservation-container {
  width: 100%; }

.horizontal-dates a:hover .calendar-year {
  background: #6a6d88;
  color: #fff !important; }

.horizontal-dates a:hover {
  background-color: #060c38 !important;
  color: #fff !important; }

.activities-portlet #ui-datepicker-div .ui-state-active {
  background: #a6152d !important;
  color: #fff; }

.activities-portlet #ui-datepicker-div .ui-datepicker-header {
  background: #c8102e !important; }

.activities-portlet .btn-legend {
  color: #000 !important; }

.activities-portlet .btn-legend {
  background-color: #6a6d88 !important; }

.activities-portlet .horizontal-dates a {
  color: black; }

.activities-portlet .footer-row td {
  background: #060c38 !important; }

.activities-portlet .horizontal-dates a.selected-date, .horizontal-dates a.selected-date .calendar-year {
  background-color: #6a6d88 !important;
  color: #fff; }

.activities-portlet .horizontal-dates a.selected-date {
  background-color: #060c38 !important; }

.activities-portlet span.calendar-year {
  color: #ffffff;
  background-color: #383d60;
  font-size: 14px !important; }

.horizontal-dates div {
  background-color: #eaecec !important; }

.activities-portlet tr.header-row th, .activities-portlet tr.footer-row td {
  color: #000 !important; }

.aui .activities-portlet .table thead th {
  background: #060c38 !important; }

.activities-portlet .callout ul li {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 24px;
  color: #4a4a4a;
  font-weight: 300; }

#ui-area .container.activity-sheet-container, #ui-area .container.trainer-sheet-container {
  width: 100% !important; }

.container.activity-container {
  width: 100% !important; }

.activities-portlet tr.header-row th, .activities-portlet tr.footer-row td {
  font-size: 18px !important;
  font-weight: 700 !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .activities-portlet tr.header-row th, .activities-portlet tr.footer-row td {
      font-size: 14px !important; } }

.activities-portlet td.data-col.interval {
  color: #ffffff !important; }

.activities-portlet span.btn-reservation-sheet a.active, .activities-portlet span.btn-trainer-sheet a.active {
  background-color: #060c38 !important;
  border: 0 !important;
  color: #ffffff !important; }

.activities-portlet span.btn-trainer-sheet a, .activities-portlet span.btn-reservation-sheet a {
  color: #060c38 !important;
  border-color: #060c38 !important; }

.activities-portlet span.btn-trainer-sheet a:hover, .activities-portlet span.btn-reservation-sheet a:hover {
  color: #ffffff !important;
  background-color: #060c38 !important; }

.legend-box.trainer-available, .legend-box.not-available, .legend-box.blocked {
  border-radius: 50% !important;
  border: 0px !important; }

.legend.legend-label {
  font-size: 16px !important;
  text-transform: uppercase;
  font-weight: 900;
  text-transform: uppercase;
  color: #a6a096; }

.legend-box {
  margin-top: 4px; }

.legend-box.free {
  width: 12px !important;
  height: 13px !important;
  border: 0px !important;
  background-color: transparent !important;
  background-image: url(../images/club-images/icon/calendar-icon.jpg); }

.legend-box.free:before {
  font-family: FontAwesome;
  font-size: 12px;
  content: '\f274';
  text-align: center !important;
  display: block;
  color: #060c38 !important;
  top: -4px;
  position: relative; }

.legend-img.rain-out {
  content: url(../images/club-images/icon/activities-rain-out.jpg);
  width: 20px !important;
  height: 20px !important; }

.legend-img.looking-for-partner {
  content: url(../images/club-images/icon/activities-looking-for-a-partners.jpg);
  width: 20px !important;
  height: 20px !important; }

.legend-img.resource {
  content: url(../images/club-images/icon/activities-resourses.jpg);
  width: 20px !important;
  height: 20px !important; }

.legend-img.member {
  content: url(../images/club-images/icon/activities-new-member.jpg);
  width: 20px !important;
  height: 20px !important; }

.legend-img.guest {
  content: url(../images/club-images/icon/activities-guest.jpg);
  width: 20px !important;
  height: 20px !important; }

/* Recent Charges*/
.RecentCharges-portlet {
  border-top: 0px solid #f3f2f0;
  padding-top: 10px; }
  .RecentCharges-portlet .ui-panel-titlebar .ui-state-default {
    background-color: #060c38 !important; }
  .RecentCharges-portlet .rc-icon {
    color: #060c38 !important; }
  .RecentCharges-portlet .rc-grid .ui-grid-responsive {
    margin: 10px 0px !important; }
  .RecentCharges-portlet .ui-panel-titlebar {
    background: #060c38 !important; }
    .RecentCharges-portlet .ui-panel-titlebar span {
      color: #060c38 !important; }
    .RecentCharges-portlet .ui-panel-titlebar .ui-state-default {
      background-color: transparent !important; }
  .RecentCharges-portlet .well {
    background: #eaecec !important;
    border: 0px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 20px; }
  .RecentCharges-portlet .main-label {
    background-color: #eaecec !important;
    color: #000000 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    padding: 12px !important;
    font-size: 13px;
    display: list-item !important;
    list-style: none;
    margin: 0px;
    border-bottom: 1px solid #e1dfdd !important;
    text-shadow: none !important;
    border-radius: 0px !important; }
  .RecentCharges-portlet .ui-datatable-tablewrapper table {
    border: 0px !important; }
    .RecentCharges-portlet .ui-datatable-tablewrapper table thead tr th {
      background: #060c38 !important;
      font-weight: 700 !important;
      border: 1px solid #eaecec !important;
      box-shadow: none; }
      .RecentCharges-portlet .ui-datatable-tablewrapper table thead tr th span {
        color: #ffffff !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 13px !important;
        letter-spacing: 0.5px;
        text-align: left !important; }
        @media (min-width: 300px) and (max-width: 767px) {
          .RecentCharges-portlet .ui-datatable-tablewrapper table thead tr th span {
            text-transform: none; } }
    .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even, .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd {
      border-bottom: 1px solid #e1dfdd !important; }
      .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
        background: #eaecec !important;
        border: 0px !important;
        border-bottom: 1px solid #e1dfdd !important; }
  .RecentCharges-portlet .ui-datatable-tablewrapper .table-bordered {
    border: 0px !important; }
  .RecentCharges-portlet .label-long-primary {
    background-color: #eaecec !important;
    margin: 0px !important; }
    .RecentCharges-portlet .label-long-primary * {
      color: #4a4a4a !important;
      font-weight: 700 !important; }
  .RecentCharges-portlet .ui-datalist-content dl {
    margin: 0px !important; }
  .RecentCharges-portlet .rc-label + .well div:first-child {
    font-weight: 900 !important; }
  .RecentCharges-portlet .ui-panel-titlebar {
    background: #ede9e6;
    border: 0px;
    color: #a7a197 !important;
    text-align: left !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 0.5px; }
    .RecentCharges-portlet .ui-panel-titlebar .ui-state-default {
      background-color: #ede9e6 !important;
      border: 0px !important; }
  .RecentCharges-portlet ui-panel .ui-panel-content {
    padding: 0px !important; }
  .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn {
    background: transparent !important;
    color: #040827 !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border: 2px solid #6a6d88 !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    transition: all 0.3s linear 0s !important;
    /* &:before {
			content: '\f02f';
			font-family: FontAwesome;
			font-weight: 400;
			margin-right: 4px;
		} */ }
    .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn:hover {
      background: #060c38 !important;
      color: #fff !important;
      text-decoration: none !important; }
      .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn:hover .pmnt-money {
        color: #fff !important;
        transition: all 0.3s linear 0s !important; }
    .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn .pmnt-money {
      color: #040827 !important; }
  .RecentCharges-portlet .chit-dialog .hide-print-button .ui-grid-col-3 {
    margin-right: 5px !important; }

@media (min-width: 300px) and (max-width: 767px) {
  .DiningReservation-portlet .dining-guest-input-container {
    width: 100% !important; } }

@media (min-width: 300px) and (max-width: 767px) {
  .DiningReservation-portlet .dining-guest-input-container input {
    line-height: 20px !important; } }

.DiningReservation-portlet .available-times {
  background-color: #060c38;
  color: #ffffff !important; }
  .DiningReservation-portlet .available-times:hover {
    background-color: #6a6d88; }

.DiningReservation-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .DiningReservation-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    border: 5px solid #eaecec !important;
    box-shadow: none; }
    .DiningReservation-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px; }
  .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    background: #eaecec !important;
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }
    .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a {
      text-decoration: none !important; }
      .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a .dining-trash, .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a .dining-trash {
        color: red !important; }

.DiningReservation-portlet .buddy-wizard .add-buddy-panel {
  margin-top: 10px; }

.DiningReservation-portlet .buddy-wizard .buddy-wizard-buddies .added-buddy {
  background: #060c38 !important; }
  .DiningReservation-portlet .buddy-wizard .buddy-wizard-buddies .added-buddy a {
    text-shadow: none; }

.DiningReservation-portlet .dining-guests-panel .dining-even-row td, .DiningReservation-portlet .dining-guests-panel .dining-odd-row td {
  padding-top: 0px !important;
  padding-bottom: 12px !important; }

.DiningReservation-portlet .desktop-padding-left-10px {
  padding-left: 20px; }
  @media (min-width: 300px) and (max-width: 767px) {
    .DiningReservation-portlet .desktop-padding-left-10px {
      padding-left: 0px; } }

/* Statement Summary */
.poa-portlet .poa-rt-folio-charges {
  margin-top: 5px; }
  .poa-portlet .poa-rt-folio-charges .ui-widget-header {
    background: #060c38 !important; }
    .poa-portlet .poa-rt-folio-charges .ui-widget-header a.ui-panel-titlebar-icon {
      border: none !important;
      background: #fff; }

.poa-portlet .poa-rt-icon {
  color: #060c38 !important; }

@media (min-width: 300px) and (max-width: 767px) {
  .poa-portlet .ui-tabs-panels {
    border: 0 !important; }
    .poa-portlet .ui-tabs-panels .ui-tabs-panel.ui-corner-bottom {
      padding: 0 !important; } }

@media (min-width: 300px) and (max-width: 767px) {
  .poa-portlet table.ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell {
    padding: 0 !important; } }

.poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller {
  position: relative; }
  .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    height: 100% !important;
    margin: 0; }
    .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn span {
      position: relative;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0; }
  .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn-left {
    left: 0; }
  .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn-right {
    right: 0; }

.poa-portlet .ui-tabs-scrollable .ui-tabs-panels .ui-corner-bottom .ui-panelgrid > .ui-panelgrid-content > .ui-g > .ui-panelgrid-cell {
  padding: 0 !important; }

.poa-portlet .poa-stmt-icon {
  color: #060c38 !important; }

.poa-portlet .chit-height .rc-icon {
  padding-top: 9px; }

.poa-portlet .poa-heading + table {
  background: #eaecec !important;
  padding: 10px;
  border: 0px !important;
  display: block;
  border: 1px solid #eaecec !important;
  margin-bottom: 10px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .poa-portlet .poa-heading + table {
      width: calc(98% - 10px) !important; } }
  .poa-portlet .poa-heading + table + span {
    background: #eaecec !important;
    padding: 10px;
    border: 0px !important;
    display: block;
    width: 100%; }
    @media (min-width: 300px) and (max-width: 767px) {
      .poa-portlet .poa-heading + table + span {
        width: calc(100% - 10px) !important; } }

.poa-portlet .table-bordered {
  border: 0px !important; }

.poa-portlet .ui-datatable-tablewrapper table {
  border: 0px !important; }
  .poa-portlet .ui-datatable-tablewrapper table thead tr th {
    background: #060c38 !important;
    font-weight: 700 !important;
    box-shadow: none; }
    .poa-portlet .ui-datatable-tablewrapper table thead tr th span {
      color: #ffffff !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      font-size: 13px !important;
      letter-spacing: 0.5px;
      line-height: normal; }
      @media (min-width: 300px) and (max-width: 767px) {
        .poa-portlet .ui-datatable-tablewrapper table thead tr th span {
          text-transform: none; } }
  .poa-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .poa-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td {
    background: #eaecec !important;
    border: 0px !important;
    border-bottom: 1px solid #e1dfdd !important; }

.poa-portlet .ui-area-btn-statement {
  padding: 4px 10px !important;
  margin-top: 15px !important;
  font-weight: 400 !important; }

.poa-portlet .ui-area-btn-statement-active {
  background: #060c38 !important; }

.poa-portlet .ui-area-btn-statement {
  background: transparent !important;
  border: 1px solid #060c38 !important;
  color: #040827 !important; }
  .poa-portlet .ui-area-btn-statement:hover {
    background: #6a6d88 !important;
    color: #666666 !important;
    text-decoration: none !important;
    box-shadow: none !important; }
  .poa-portlet .ui-area-btn-statement:focus {
    outline: 1px dotted #212121 !important;
    outline: 5px auto -webkit-focus-ring-color !important; }

.poa-portlet .ui-area-btn-statement-active {
  background: #6a6d88 !important;
  color: #ffffff !important;
  border: 1px solid #6a6d88 !important; }
  .poa-portlet .ui-area-btn-statement-active:hover {
    background: #060c38 !important;
    border-color: #060c38 !important;
    color: #666666; }

.poa-portlet .label-info, .poa-portlet .label-custom {
  background: #060c38 !important;
  color: #ffffff !important;
  text-shadow: none !important;
  font-weight: normal !important;
  padding: 5px 10px;
  font-size: 13px !important;
  border: 0;
  border-radius: 5px; }

.poa-portlet .stmt-message {
  color: #4a4a4a !important;
  font-weight: 300; }

.poa-portlet .label-long-primary {
  margin: 0px !important; }

.poa-portlet .label-custom {
  background-color: #cdced7 !important;
  color: #060c38 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  padding: 12px;
  font-size: 13px; }

.poa-portlet .poa-stmt-pmnt-btn {
  background: transparent !important;
  color: #040827 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  border: 2px solid #6a6d88 !important;
  padding: 10px 20px !important;
  border-radius: 5px !important;
  /* &:before {
			content: '\f02f';
			font-family: FontAwesome;
			font-weight: 400;
			margin-right: 4px;
		} */ }
  .poa-portlet .poa-stmt-pmnt-btn:hover {
    background: transparent !important;
    color: inherit !important;
    text-decoration: underline !important; }
  .poa-portlet .poa-stmt-pmnt-btn .stmt-print-icon {
    color: #040827 !important; }

.poa-portlet .ui-widget-header {
  border: 0px !important;
  margin: 0; }

.poa-portlet .label-long-recent-acti {
  background-color: #cdced7; }

.poa-portlet .label-long-recent-acti * {
  color: #000 !important;
  font-weight: 700 !important; }

.poa-portlet .information-bar {
  padding: 5px;
  left: 0 !important;
  width: 100% !important;
  margin: 5px 0 !important; }

/* WorkOrder Fixes Start */
.workOrder-portlet .ui-panel-titlebar {
  background: #003b5c !important; }

/* WorkOrder Fixes End */
/* For Event List Styling */
.events-portlet {
  background-color: transparent !important;
  border: 0px !important;
  padding: 0px !important;
  background-color: #fff;
  border-top: 1px solid #eeeeee;
  padding-top: 50px; }
  .events-portlet .events-cal-link-container {
    float: none; }
  .events-portlet .ui-tabs-panel span.ui-panel-title span.ui-chkbox-label, .events-portlet .ui-tabs-panel span.ui-panel-title {
    color: #000; }
  .events-portlet button.ui-datepicker-trigger.ui-button {
    margin: 0px !important; }
  .events-portlet .ui-area-btn, .events-portlet .events-cal-link {
    padding: 6px 20px;
    box-shadow: none;
    border: 1px solid #060c38 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    background: transparent !important;
    color: #060c38 !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .events-portlet .ui-area-btn, .events-portlet .events-cal-link {
        font-size: 14px !important; } }
    .events-portlet .ui-area-btn:hover, .events-portlet .events-cal-link:hover {
      background-color: #060c38 !important;
      color: #fff !important;
      transition: all .3s linear 0s; }
  .events-portlet .events-reset-btn-container {
    margin: 0px 5px !important; }
  .events-portlet .events-advancelisting-eventdetail {
    background: #fff !important; }
  .events-portlet .ui-datagrid-column {
    background: #fff !important; }
  .events-portlet .event-list-heading {
    margin: 0px !important; }
    .events-portlet .event-list-heading .events-title {
      font-size: 48px;
      font-family: "Montserrat", sans-serif;
      color: #060c38;
      font-weight: 400;
      text-transform: none;
      line-height: 55px;
      margin-top: 0px;
      margin-bottom: 25px;
      letter-spacing: 0; }
  .events-portlet .events-advancelisting-event {
    margin: 20px 0 !important;
    padding: 0px !important;
    background: white;
    border: 1px solid #efefef !important;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .events-portlet .events-advancelisting-event:hover {
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
      -webkit-transform: scale(1.01, 1.01);
      transform: scale(1.01, 1.01);
      cursor: pointer; }
    @media (min-width: 300px) and (max-width: 767px) {
      .events-portlet .events-advancelisting-event .events-advancelisting-eventtitle {
        padding-left: 10px !important; } }
    .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails {
      border-bottom: 0px !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails {
          padding-left: 10px !important; } }
      .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .ui-grid-col-6, .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .ui-grid-col-12, .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .ui-grid-col-4 {
        margin-bottom: 10px; }
      .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-eventtags, .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-ageguideline {
        color: #060c38;
        font-weight: 500 !important; }
    .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
      width: 70% !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer {
          width: 100% !important; } }
      .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-advancelisting-eventtimg {
        width: 100%;
        height: 370px !important;
        background: url("../images/club-images/icon/ajax-loader-small.gif");
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #ececec !important; }
      .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer img {
        width: 100% !important;
        object-fit: cover;
        border: 0px !important; }
    .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventdescription {
      font-size: 18px;
      line-height: 24px;
      color: #666666;
      font-weight: normal;
      margin: 20px 0 30px !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventdescription {
          padding: 0px 10px !important; } }
    .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname {
      font-size: 20px !important;
      color: #000 !important;
      margin: 0px;
      letter-spacing: 0.5px;
      font-family: "Montserrat", sans-serif !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname {
          font-size: 15px !important; } }
      .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus {
        padding: 10px 40px;
        background: #4a4a4a;
        color: #fff !important;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        letter-spacing: 2px;
        font-size: 10px; }
        @media (min-width: 300px) and (max-width: 767px) {
          .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus {
            padding: 5px 10px;
            font-size: 8px; } }
      .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus-future {
        background: #060c38 !important; }
      .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus-reserved {
        background: #08221A !important; }
  .events-portlet .events-search-btn-container .events-search-btn-container .events-search-btn {
    background: #c8102e !important;
    color: #fff !important; }
  .events-portlet .events-sorting-label, .events-portlet .events-count-label {
    margin: 8px 10px;
    color: #060c38;
    font-weight: 700 !important;
    text-transform: uppercase; }
  .events-portlet .events-advance-filters .ui-icon-calendar {
    background-image: url(../images/club-images/icon/date-icon.png) !important;
    background: transparent;
    border-radius: 0px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center center; }
  .events-portlet .events-advance-filters .date-filter-label, .events-portlet .events-advance-filters .weekdays-filter-label, .events-portlet .events-advance-filters .category-filter-label, .events-portlet .events-advance-filters .status-filter-label, .events-portlet .events-advance-filters .gender-filter-label, .events-portlet .events-advance-filters .age-filter-label {
    font-weight: 700 !important;
    text-transform: uppercase; }
  .events-portlet .events-advance-filters .from-date-filter-label, .events-portlet .events-advance-filters .to-date-filter-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase; }
  .events-portlet .events-advance-filters .events-advance-filters-range-panel .ui-slider-range {
    background: #060c38 !important;
    box-shadow: none !important;
    margin-top: 0; }
  .events-portlet .events-advance-filters .events-advance-filters-range-panel .ui-slider-horizontal {
    height: 0.5em; }
  .events-portlet .events-advance-filters .events-filter-btn {
    background: #060c38 !important;
    color: #ffffff !important; }

/* For Event Slider View */
.events-galleria ul {
  margin: 0px !important; }
  .events-galleria ul li img {
    width: 100% !important;
    object-fit: cover !important;
    height: 100% !important; }

.events-galleria .ui-galleria-caption * {
  color: #ffffff !important; }

textarea, .ui-selectonemenu, .ui-state-default, input[type="text"], 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 rgba(166, 160, 150, 0.4) !important; }

/* Simplelist View */
.events-simplelist-container .events-list-li .events-event-name {
  font-size: 20px !important;
  color: #060c38 !important;
  margin: 0px;
  letter-spacing: 0.5px;
  font-family: "Montserrat", sans-serif !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .events-simplelist-container .events-list-li .events-event-name {
      font-size: 15px !important; } }

.events-simplelist-container .events-list-li .events-event-date:before {
  content: '\f274';
  font-family: FontAwesome;
  margin-right: 10px;
  color: #060c38; }

.events-simplelist-container .events-list-li span.events-event-time:before {
  content: '\f017';
  font-family: FontAwesome;
  margin-right: 10px;
  color: #060c38; }

/* For Event Reservation Details Page */
@media (min-width: 1024px) and (max-width: 1199px) {
  .eventsReservation-portlet .er-self-container .ui-chkbox-label, .eventsReservation-portlet .er-adult-child-guest-container .ui-chkbox-label {
    font-size: 10px !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .eventsReservation-portlet .er-self-container .ui-chkbox-label, .eventsReservation-portlet .er-adult-child-guest-container .ui-chkbox-label {
    font-size: 10px !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .eventsReservation-portlet .er-book-for-container .er-book-for {
    font-size: 13px !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .eventsReservation-portlet .er-book-for-container .er-book-for {
    font-size: 13px !important; } }

.eventsReservation-portlet .er-schedules-dropdown .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
  border: 0px !important; }

.eventsReservation-portlet .er-reservation-url-container .er-reservation-url {
  width: 100% !important;
  border-radius: 3px 0px 0px 3px !important; }

.eventsReservation-portlet .copy-clipboard-btn {
  padding: 10px 20px !important;
  margin-top: 0;
  border-radius: 0px 5px 5px 0px;
  background: #dbd9d5 !important; }
  .eventsReservation-portlet .copy-clipboard-btn .fa-clipboard {
    color: #6b6868 !important; }

/* Member Roaster  */
.MemberRoster-portlet {
  /*  .roster-btn-reset i,  .ui-area-btn-success i {
    display: none !important;
} */
  /*  .roster-btn-search,  .roster-btn-reset {
	background: none !important;
		padding: 12px 34px;
		box-shadow: none;
		border: 1px solid #d7cdcd !important;
		font-size: 11px  !important;
		text-transform: uppercase;
		color: #4a4a4a !important;
		@media (min-width: 300px) and (max-width: 767px) {
			display: block !important;
			margin-bottom: 30px;
			text-align: center;
		}
			&:hover {
				background-color: #d93f28 !important;
				color: #fff !important;
				transition: all 0.3s linear 0s;
				cursor: pointer;
}
	 i {
		display: none !important;
	}
 } */
  /* Member Roster Details */
  /*  .roster-profile-back-btn-container .roster-profile-back-btn i{
	display: none;
} */ }
  .MemberRoster-portlet .roster-normal-link, .MemberRoster-portlet .roster-resp-home-phone, .MemberRoster-portlet .roster-resp-cell-phone {
    font-size: 18px !important; }
  .MemberRoster-portlet .ui-area-btn, .MemberRoster-portlet .events-cal-link {
    box-shadow: none !important; }
  .MemberRoster-portlet .roster-search-alphabets-container, .MemberRoster-portlet .roster-search-alphabets-container + .ui-grid {
    background: #fff !important;
    margin: 0px !important; }
  .MemberRoster-portlet .roster-search-alphabets-container + .ui-grid {
    padding: 0px 10px 10px 10px;
    margin-bottom: 10px !important; }
  .MemberRoster-portlet .roster-search-item label {
    font-size: 18px !important;
    line-height: 19px !important;
    color: #666666;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important; }
  .MemberRoster-portlet .ui-state-highlight, .MemberRoster-portlet .ui-widget-content .ui-state-highlight, .MemberRoster-portlet .ui-widget-header .ui-state-highlight {
    background: #060c38 !important; }
  .MemberRoster-portlet .roster-row .vmi-grid-col .vmi-grid thead tr th {
    background: transparent !important;
    color: #333943 !important;
    font-size: 24px;
    text-align: left !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 300; }
  .MemberRoster-portlet .roster-profile-name h1 {
    margin: 0px;
    padding: 0px !important;
    line-height: normal !important;
    margin-bottom: 0px !important;
    text-align: left !important; }
  .MemberRoster-portlet .roster-profile-email a {
    font-weight: 300 !important;
    font-size: 16px; }
  .MemberRoster-portlet .roster-profile-pic {
    padding: 0px;
    width: 190px;
    height: 190px;
    border-radius: 50% !important;
    object-fit: cover; }
  .MemberRoster-portlet .roster-resp-view-member-box .member-img img {
    border-radius: 100% !important;
    width: 100px !important;
    height: 100px !important;
    background-image: url(../images/club-images/icon/ajax-loader-small.gif) !important;
    background-repeat: no-repeat !important;
    object-fit: cover !important;
    padding: 0px !important;
    margin-bottom: 20px;
    background-position: center center !important; }
  .MemberRoster-portlet .roster-resp-view-member-box .roster-name {
    margin: 0px !important;
    line-height: normal; }
  .MemberRoster-portlet .roster-search-item .ui-autocomplete {
    position: relative !important; }
  .MemberRoster-portlet .roster-resp-view-member-box-container {
    min-height: 170px !important;
    background: #fff !important;
    border: 0px !important;
    border: 1px solid #eaeaea !important;
    margin: 5px;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
    @media (min-width: 300px) and (max-width: 767px) {
      .MemberRoster-portlet .roster-resp-view-member-box-container {
        margin: 0px !important; } }
    .MemberRoster-portlet .roster-resp-view-member-box-container:hover {
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
      -webkit-transform: scale(1.02, 1.02);
      transform: scale(1.02, 1.02);
      cursor: pointer; }
    .MemberRoster-portlet .roster-resp-view-member-box-container .roster-res-simulator-img {
      position: absolute;
      right: 5px !important;
      top: 5px !important; }
  .MemberRoster-portlet .roster-resp-view-member-box-container .roster-member-name {
    color: #060c38;
    font-weight: 700; }
  .MemberRoster-portlet .roster-dg .ui-paginator-bottom {
    background: transparent !important;
    border: 0px !important; }
  .MemberRoster-portlet .roster-search-alphabets-container {
    text-align: center !important; }
    .MemberRoster-portlet .roster-search-alphabets-container .active {
      background: #666666 !important; }
  .MemberRoster-portlet .roster-search-alphabet {
    background-color: #060c38 !important;
    color: #fff !important; }
    .MemberRoster-portlet .roster-search-alphabet:hover {
      background-color: #383d60 !important;
      text-shadow: none !important; }
  .MemberRoster-portlet span.roster-resp-home-phone:before {
    content: "\f015";
    font-family: FontAwesome;
    color: #060c38;
    padding-right: 5px; }
  .MemberRoster-portlet span.roster-resp-cell-phone:before {
    content: "\f095";
    font-family: FontAwesome;
    color: #060c38;
    padding-right: 5px; }
  .MemberRoster-portlet span.roster-resp-home-phone img, .MemberRoster-portlet span.roster-resp-cell-phone img {
    display: none; }
  .MemberRoster-portlet span.roster-resp-home-phone {
    font-size: 13px; }
  .MemberRoster-portlet .roster-profile-email a {
    color: #060c38 !important;
    font-weight: 700 !important; }
  .MemberRoster-portlet .roster-profile-email + table * {
    /* margin-top: 30px !important; */
    background: white;
    border: 0px !important;
    padding: 0; }
  .MemberRoster-portlet .roster-profile-email + table {
    margin-top: 20px !important; }
  .MemberRoster-portlet .vmi-grid-col .roster-item {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block; }
  .MemberRoster-portlet .vmi-grid-col .roster-item i {
    display: none; }
  .MemberRoster-portlet .vmi-grid-col .roster-item .vmi-grid .vmi-header {
    letter-spacing: .2px;
    text-transform: capitalize !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: "Montserrat", sans-serif !important;
    color: #060c38 !important; }
  .MemberRoster-portlet .roster-item table .vmi-odd-row {
    background: #f6f8f9 !important;
    border-bottom: 1px solid #d3d8e5;
    border-top: 1px solid #d3d8e5; }
  .MemberRoster-portlet .roster-item table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  .MemberRoster-portlet .roster-item-dependent {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block;
    border: 5px solid #fff; }
  .MemberRoster-portlet .roster-item-dependent table .vmi-odd-row {
    background: #fff !important;
    border: 0px; }
  .MemberRoster-portlet .roster-item-dependent table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  .MemberRoster-portlet .roster-profile-email a {
    color: #060c38 !important;
    font-weight: normal !important; }
  .MemberRoster-portlet .roster-profile-email + table * {
    /* margin-top: 30px !important; */
    background: white;
    border: 0px !important;
    padding: 0; }
  .MemberRoster-portlet .roster-profile-email + table {
    margin-top: 20px !important; }
  .MemberRoster-portlet .vmi-grid tr .vmi-even-col {
    font-weight: 700; }
  .MemberRoster-portlet .vmi-grid-col .roster-item {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block; }
  .MemberRoster-portlet .vmi-grid-col .roster-item i {
    display: none; }
  .MemberRoster-portlet .vmi-grid-col .roster-item .vmi-grid .vmi-header {
    letter-spacing: .2px;
    text-transform: uppercase;
    font-size: 14px;
    color: #060c38 !important;
    font-weight: 900;
    font-family: "Montserrat", sans-serif !important; }
  .MemberRoster-portlet .roster-item table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  .MemberRoster-portlet .roster-item-dependent {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block;
    border: 5px solid #fff; }
  .MemberRoster-portlet .roster-item-dependent table .vmi-odd-row {
    background: #fff !important;
    border: 0px; }
  .MemberRoster-portlet .roster-item-dependent table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  .MemberRoster-portlet .roster-member-dependents .roster-profile-pic-container img {
    margin: auto;
    border-radius: 100% !important;
    width: 100px !important;
    height: 100px !important;
    background-image: url(../../../mac-new-theme/images/club-images/ajax-loader-small.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important; }
  .MemberRoster-portlet .roster-member-dependents .roster-profile-pic-container {
    border: 0px !important;
    margin: 10px 0px 20px; }
  .MemberRoster-portlet .roster-member-dependents .roster-row h2 {
    font-size: 24px !important;
    line-height: 30px !important;
    color: #333943;
    margin-top: 20px; }
  .MemberRoster-portlet .roster-member-dependents .roster-row {
    border-top: 1px solid #ebeae9;
    margin-top: 30px; }
  .MemberRoster-portlet .roster-profile-back-btn-container .roster-profile-back-btn {
    /*     background: transparent !important;
    padding: 0px;
    text-align: left;
    letter-spacing: .2px;
    text-transform: uppercase;
    font-size: 14px !important;
    color: $color-primary !important;
    font-weight: 900;
    font-family: $default-font-family !important; */ }
  .MemberRoster-portlet .roster-profile-name h1 {
    padding: 0 0 0 0px;
    font-size: 24px !important;
    text-transform: capitalize !important;
    text-align: left !important;
    line-height: 30px !important; }

/* Calendar UI */
.calendar-portlet .searchcontainer-content table .table-columns tr th {
  font-size: 18px !important;
  background: #060c38 !important;
  color: #ffffff !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .calendar-portlet .searchcontainer-content table .table-columns tr th {
      font-size: 14px !important; } }
  .calendar-portlet .searchcontainer-content table .table-columns tr th .table-sort-liner a {
    font-size: 18px !important;
    color: #ffffff !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .calendar-portlet .searchcontainer-content table .table-columns tr th .table-sort-liner a {
        font-size: 14px !important; } }

.calendar-portlet .calendar-portlet-list-header, .calendar-portlet .calendar-list-item {
  font-size: 18px !important;
  color: #666666 !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .calendar-portlet .calendar-portlet-list-header, .calendar-portlet .calendar-list-item {
      font-size: 14px !important; } }

.calendar-portlet .calendar-portlet .search-btn {
  margin-top: 5px !important; }

.calendar-portlet .calendar-portlet-column-grid .scheduler-event {
  z-index: 3 !important; }

.calendar-portlet #legendsDIV {
  margin: 10px 0px; }

.calendar-portlet h1#upcoming-events-heading {
  display: none; }

.calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span5 {
  width: 100%;
  padding: 30px 20px;
  background: #eaecec;
  margin-top: 10px; }

.calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span5 .text-search {
  width: 300px !important;
  border-radius: 0px !important;
  box-shadow: 0px 1px 2px #dedede; }

.calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span7 {
  padding: 30px 0px;
  text-align: left !important;
  width: 100%;
  margin-left: 0;
  font-size: 18px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 30px; }
  @media (min-width: 300px) and (max-width: 767px) {
    .calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span7 {
      font-size: 14px !important; } }

.calendar-portlet div#legendsDIV {
  float: right !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .calendar-portlet div#legendsDIV {
      font-size: 14px !important; } }
  .calendar-portlet div#legendsDIV span {
    margin-left: 3px;
    margin-right: 15px;
    line-height: 30px; }

.calendar-portlet .calendar-portlet-column-options .yui3-calendar-grid tbody .yui3-calendar-row td .yui3-calendar-day-selected {
  background: transparent !important;
  color: #a6a096 !important;
  font-weight: 700 !important; }

.calendar-portlet .scheduler-view-table-header-table th {
  border: 5px solid #fff !important;
  background-color: #060c38 !important; }

.calendar-portlet .scheduler-base-views .scheduler-base-view {
  min-width: 50px;
  border: 0px;
  padding-left: 5px !important;
  padding-right: 5px !important;
  border-radius: 3px !important; }

@media screen and (min-width: 200px) and (max-width: 767px) {
  .calendar-portlet #_1_WAR_calendarportlet_searchForm div#legendsDIV {
    float: none !important;
    padding-bottom: 40px !important;
    padding-top: 10px; } }

.calendar-portlet .calendar-portlet-column-options .yui3-calendar-grid thead tr th {
  font-size: 11px !important; }

span.scheduler-base-view-date {
  font-size: 18px;
  color: #666666 !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    span.scheduler-base-view-date {
      font-size: 14px !important; } }

.lfr-current-day, .yui3-calendar-day:hover {
  background: #c8102e !important; }

.calendar-portlet .calendar-portlet-column-grid .scheduler-view-table-header-table th {
  border: 5px solid #fff !important; }

.calendar-portlet-column-options .yui3-calendarnav-prevmonth {
  /* background-image: url(../images/club-images/icon/link-arrow-left-red.png) !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat;
	float: left !important;*/
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*&:before {
		content: '\f137';
		position: relative;
		color: $Light-fontColor !important;
		font-family: 'fontawesome';
		font-size: 18px !important;
		right: 10px;
	}*/ }

.calendar-portlet-column-options .yui3-calendarnav-nextmonth {
  /* background-image: url(../images/club-images/icon/link-arrow-right-red.png) !important;
    background-position: center !important;
    background-size: contain !important;
	background-repeat: no-repeat;
    float: right !important;*/
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*&:before {
		content: '\f138';
		position: relative;
		color: $Light-fontColor !important;
		font-family: 'fontawesome';
		font-size: 18px !important;
		right: 3px;
	}*/ }

/* .calendar-portlet .calendar-portlet-column-options .yui3-calendar-header .yui3-calendar-header-label {
    font-weight: 700;
} */
.nav-tabs li:nth-child(1) a:before {
  content: "\f073";
  font-family: FontAwesome;
  color: #fff;
  padding-right: 5px;
  font-weight: 300; }

.nav-tabs li:nth-child(2) a:before {
  content: "\f03a";
  font-family: FontAwesome;
  color: #fff;
  padding-right: 5px;
  font-weight: 300; }

.scheduler-view-month .scheduler-view-table-more, .scheduler-view-month .scheduler-view-table-events-overlay-node-close {
  font-size: 12px;
  text-decoration: underline; }

/* .scheduler-view-month .calendar-portlet-event-approved, .scheduler-event-past {
    background: #f3f2f0 !important;
    color: #000 !important;
    text-shadow: none !important;
} */
.scheduler-view-month .scheduler-event-title, .scheduler-view-month .scheduler-event-content {
  font-size: 12px !important;
  font-weight: 700 !important; }

#wrap .calendar-portlet .first .popup_event_triger {
  font-size: 18px !important;
  color: #666666 !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    #wrap .calendar-portlet .first .popup_event_triger {
      font-size: 14px !important; } }

#wrap .calendar-portlet .last .popup_event_triger {
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    #wrap .calendar-portlet .last .popup_event_triger {
      font-size: 14px !important; } }

#wrap .calendar-portlet .heading-date-row td {
  background: #fff !important;
  padding: 30px 10px 10px !important;
  border: 0px !important; }

#wrap .calendar-portlet .heading-date-row td {
  background: #fff !important;
  padding: 30px 10px 10px !important;
  border: 0px !important; }

.calendar-portlet .calendar-portlet-column-grid button:not(:last-child) {
  margin-right: 4px !important; }

/* Generel Calendar Icons */
.ui-datepicker-next .ui-icon {
  visibility: hidden !important; }

.ui-datepicker-next:before {
  content: '\f138';
  position: relative;
  color: #ffffff !important;
  font-family: 'fontawesome';
  font-size: 15px !important;
  left: 12px;
  top: 5px; }

.ui-datepicker-prev .ui-icon {
  visibility: hidden !important; }

.ui-datepicker-prev:before {
  content: '\f137';
  position: relative;
  color: #ffffff !important;
  font-family: 'fontawesome';
  font-size: 15px !important;
  right: -3px !important;
  top: 5px; }

.taglib-header .header-back-to a {
  padding: 8px 3px !important; }

.StatementSettings-portlet .ui-icon-bullet {
  background-position: -81px -146px; }

@media (min-width: 300px) and (max-width: 767px) {
  .ui-datatable-tablewrapper {
    border: 1px solid #ccc !important; } }

@media (min-width: 300px) and (max-width: 767px) {
  .stmt-table .heading-position span {
    display: inline-block !important;
    width: 46%;
    float: left;
    padding: 2px 5px !important;
    display: inline-block; } }

.add-tab-view .ui-tabs-nav {
  margin-bottom: 0px !important;
  border-color: #ddd !important; }

.add-tab-view .ui-tabs-panel {
  padding: 0px !important; }

.add-tab-view .add-grid {
  margin-top: 0px !important;
  border: 0px solid #ccc !important; }

.rc-lsb:hover {
  color: #060c38 !important; }

.StatementSummary-portlet .label-custom {
  line-height: normal !important;
  font-weight: normal !important; }

.StatementSummary-portlet .ui-datatable-tablewrapper table thead tr th {
  border: 1px solid #f4f6f5 !important; }

@media (min-width: 300px) and (max-width: 767px) {
  .member-status {
    font-size: 14px; } }

@media (min-width: 300px) and (max-width: 767px) {
  .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border: 0px !important; } }

/* Fixing */
.btn.btn-primary {
  background-color: #050a2d !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: transparent; }

.aui .btn-group > .btn, .aui .btn-group > .dropdown-menu, .aui .btn-group > .popover, .aui .btn, .aui label, .aui input, .aui button, .aui select, .aui textarea {
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .aui .btn-group > .btn, .aui .btn-group > .dropdown-menu, .aui .btn-group > .popover, .aui .btn, .aui label, .aui input, .aui button, .aui select, .aui textarea {
      font-size: 14px !important; } }

.calendar-portlet .scheduler-view-agenda-container {
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .calendar-portlet .scheduler-view-agenda-container {
      font-size: 14px !important; } }

.aui input,
.aui button,
.aui select,
.aui textarea {
  font-family: "Montserrat", sans-serif !important; }

/* For Member Lead Portlets*/
.MemberLead-portlet .lead-odd-col label {
  display: inline-block; }

.MemberLead-portlet .mem-lead-basic-info, .MemberLead-portlet .mem-lead-contact-info {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  line-height: 35px;
  color: #666666;
  margin-top: 0px !important;
  margin-bottom: 15px !important;
  padding: 0px; }

/* General Change */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  padding: 0px 2px; }

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger, .ui-selectonemenu .ui-selectonemenu-trigger {
  border: 0px !important;
  border-left: 1px solid #ddd !important; }

#ui-datepicker-div .ui-datepicker-header, .ui-datepicker-calendar .ui-datepicker-today a, #ui-datepicker-div .ui-state-active {
  background: #c8102e !important; }

.ui-area-btn, .events-cal-link {
  border-radius: 3px !important; }

.ui-selectonemenu-items-wrapper .ui-state-highlight, .ui-selectonemenu-items-wrapper .ui-state-hover {
  background: #c8102e !important;
  text-shadow: none !important; }

.ui-datepicker-header a.ui-state-hover {
  background: #383d60 !important;
  border: 0px !important;
  border-radius: 3px !important;
  top: 2px !important; }

#ui-datepicker-div .ui-datepicker-header {
  background: #050a2d !important; }

#ui-area .ui-paginator .ui-state-default {
  background: transparent !important;
  color: #666666 !important; }

#ui-area .ui-paginator .ui-paginator-pages .ui-state-active {
  color: #fff !important;
  background: #060c38 !important; }

.callout {
  background: #f3f2f0;
  box-sizing: border-box;
  height: 100%;
  padding: 20px !important; }
  @media screen and (min-width: 980px) {
    .callout {
      padding: 30px; } }
  .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
    margin-top: 0;
    margin-bottom: 6px !important; }
  .callout p {
    margin-bottom: 16px; }
  .callout *:last-child {
    margin-bottom: 0; }
  .callout ul {
    margin-left: 18px;
    list-style: none;
    margin: 0; }
    .callout ul li {
      position: relative;
      font-weight: 100;
      margin-bottom: 8px;
      line-height: 24px;
      padding-left: 16px; }
      .callout ul li::before {
        content: '\2022';
        margin-left: -16px;
        color: #a6a096;
        position: absolute; }

.image-callout-wrap:hover {
  color: #ffffff; }
  .image-callout-wrap:hover span {
    text-decoration: underline; }

@media screen and (min-width: 768px) {
  .image-callout-wrap {
    margin-bottom: 0px;
    float: left;
    height: 100%;
    margin-top: 0;
    display: inline-block;
    width: 100%; } }

.image-callout-wrap .image-callout {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0px;
  height: 100%;
  background-color: #ffffff;
  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: #060c38;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(6, 12, 56, 0.5);
    line-height: 24px;
    padding: 18px 60px 16px 20px;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .image-callout-wrap .image-callout span {
        margin-top: 0;
        margin-bottom: 0;
        z-index: 9;
        font-size: 20px;
        line-height: 24px;
        padding: 18px 60px 16px 20px; } }
    @media screen and (min-width: 980px) {
      .image-callout-wrap .image-callout span {
        font-size: 24px;
        line-height: 30px; } }
    .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; }
      @media screen and (min-width: 768px) {
        .image-callout-wrap .image-callout span:after {
          top: 16px; } }
  @media screen and (max-width: 767px) {
    .image-callout-wrap .image-callout.mobile-breakdown {
      background-image: none !important;
      height: auto; }
      .image-callout-wrap .image-callout.mobile-breakdown span {
        position: relative; } }

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; }

.three-column-info-blocks .info-block h3 {
  float: left;
  width: 100%; }
  .three-column-info-blocks .info-block h3 img {
    float: left;
    margin-right: 14px;
    max-height: 100px;
    max-width: 100px; }

.three-column-info-blocks .info-block a.arrow {
  margin: 10px 0 !important;
  padding: 8px 20px;
  background: #060c38;
  color: #fff; }

#ui-area .action-bar .cta-box {
  padding: 10px;
  position: relative;
  box-sizing: border-box;
  background: #f3f2f0;
  color: #666666; }
  #ui-area .action-bar .cta-box .btn {
    border: 0px;
    border-radius: 3px;
    background: #060c38;
    padding: 10px 20px !important;
    color: #ffffff !important;
    margin: 0 !important;
    vertical-align: middle; }
    #ui-area .action-bar .cta-box .btn:hover {
      background: #6a6d88; }

#ui-area .action-bar h3 {
  display: inline-block;
  margin: 0 20px 0 0 !important;
  padding: 0;
  vertical-align: middle; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .action-bar h3 {
      width: 100% !important;
      display: block;
      text-align: center !important;
      position: initial; } }

#ui-area .action-bar a.btn img {
  display: none; }

@media screen and (max-width: 979px) {
  #ui-area .action-bar .cta-box a.btn {
    width: 90% !important;
    background: transparent;
    box-shadow: none;
    margin: auto !important; }
  #ui-area .cta-box {
    padding: 20px !important; }
    #ui-area .cta-box h3 {
      width: 100% !important;
      display: block;
      text-align: center !important;
      position: initial; }
  #ui-area .cta-box a.btn img {
    max-width: 55px;
    max-height: 55px;
    margin-bottom: 6px;
    display: block;
    margin-left: auto;
    margin-right: auto; } }

.bio-block {
  box-sizing: border-box;
  background: #f3f2f0;
  padding: 25px 20px 20px;
  margin-bottom: 25px; }
  @media screen and (max-width: 480px) {
    .bio-block {
      padding: 25px 15px 15px; } }
  @media screen and (min-width: 768px) {
    .bio-block {
      padding: 15px; } }
  .bio-block .left, .bio-block .right {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .bio-block .left, .bio-block .right {
        width: 100%; } }
  .bio-block .left {
    text-align: center;
    /*@include breakpoint(large) {
        width: 39%;
      }*/ }
    @media screen and (max-width: 767px) {
      .bio-block .left {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) {
      .bio-block .left {
        width: 35%; } }
    @media screen and (min-width: 860px) {
      .bio-block .left {
        width: 45%;
        padding-top: 8px;
        text-align: left; } }
    .bio-block .left .pic, .bio-block .left .bio {
      display: block; }
      @media screen and (min-width: 860px) {
        .bio-block .left .pic, .bio-block .left .bio {
          display: inline-block;
          vertical-align: top; } }
    .bio-block .left .pic {
      margin-bottom: 16px; }
      @media screen and (min-width: 860px) {
        .bio-block .left .pic {
          margin-right: 18px;
          margin-bottom: 0;
          float: left;
          width: 31%; } }
      .bio-block .left .pic img {
        max-width: 120px;
        max-height: 120px;
        border-radius: 50%;
        background-color: #f3f2f0; }
        @media screen and (min-width: 860px) {
          .bio-block .left .pic img {
            max-width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 859px) {
      .bio-block .left .bio {
        padding: 0 10px; } }
    @media screen and (min-width: 860px) {
      .bio-block .left .bio {
        float: left;
        width: 60%; } }
    .bio-block .left .bio * {
      display: block; }
    .bio-block .left .bio h5 {
      margin-bottom: 0px !important; }
    .bio-block .left .bio p.title {
      font-style: italic;
      font-weight: 100;
      margin-bottom: 4px; }
      @media screen and (min-width: 860px) {
        .bio-block .left .bio p.title {
          margin-bottom: 10px; } }
    .bio-block .left .bio a {
      font-size: 16px;
      word-break: break-all; }
      .bio-block .left .bio a.phone, .bio-block .left .bio a.phone:focus, .bio-block .left .bio a.phone:active, .bio-block .left .bio a.phone:hover {
        color: #666666; }
  .bio-block .right {
    padding: 15px;
    background: rgba(237, 233, 230, 0.95);
    /*@include breakpoint(large) {
        width: 60%;
      }*/ }
    @media screen and (min-width: 768px) {
      .bio-block .right {
        width: 64%; } }
    @media screen and (min-width: 860px) {
      .bio-block .right {
        width: 54%; } }
    .bio-block .right *:last-child {
      margin-bottom: 0; }

.callout {
  background: #f3f2f0;
  box-sizing: border-box;
  height: 100%;
  padding: 20px !important; }

/* Content Area Like Granite */
.card-view {
  background: #f3f2f0; }
  .card-view .sr-banners {
    width: 100%;
    height: 300px;
    object-fit: cover; }
  .card-view .sr-heading h2 {
    margin: 0 !important;
    padding: 17px 12.5px;
    background: #ede9e6;
    font-size: 33px;
    letter-spacing: 1px;
    font-weight: bold !important;
    position: relative;
    text-align: center;
    margin: -35px auto -30px !important;
    width: 75%; }
  .card-view .sr-content-area {
    padding: 40px;
    background: #f3f2f0; }

.card-view-two {
  padding: 20px;
  background-color: #f3f2f0;
  margin-bottom: 40px; }

.cvt-header {
  position: relative; }

.cvt-heading {
  background: rgba(116, 112, 111, 0.86);
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12.5px 0;
  text-align: center;
  color: #fff;
  padding: 10px 0; }

.cvt-content-area {
  background-color: #f3f2f0;
  padding-top: 50px; }

.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; }
  @media screen and (max-width: 480px) {
    .featured-event {
      padding-left: 0; } }
  .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; }
    @media screen and (max-width: 480px) {
      .featured-event .left {
        position: relative;
        width: 100%;
        height: 180px;
        right: 0; } }
  .featured-event .right {
    width: 100%;
    padding: 15px; }
    @media screen and (max-width: 480px) {
      .featured-event .right {
        padding: 20px; } }
    .featured-event .right *:first-child {
      margin-top: 0; }
    .featured-event .right *:last-child {
      margin-bottom: 0; }
    .featured-event .right h5 {
      margin-bottom: 2px; }
      @media screen and (max-width: 480px) {
        .featured-event .right h5 {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 4px; } }
    .featured-event .right p.subheadline {
      font-weight: 900;
      text-transform: uppercase;
      color: #060c38;
      font-size: 12px;
      margin-bottom: 4px;
      line-height: 1.4; }
      @media screen and (max-width: 480px) {
        .featured-event .right p.subheadline {
          margin-bottom: 8px; } }
      .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; }
      @media screen and (max-width: 480px) {
        .featured-event .right a {
          display: block;
          background: #060c38;
          border-radius: 3px;
          border: none;
          text-shadow: none;
          text-align: center;
          font-weight: 900;
          color: #fff;
          padding: 9px 20px 10px;
          margin-top: 30px !important;
          font-size: 15px;
          box-shadow: none;
          transition: background .1s ease; }
          .featured-event .right a:hover {
            background: #9B0618;
            color: #fff;
            transition: background .1s ease; }
          .featured-event .right a:after {
            display: none; } }

.featured-cta-text-block {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 30px;
  background: #f3f2f0 !important;
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .featured-cta-text-block {
      padding: 18px; } }
  @media screen and (min-width: 980px) {
    .featured-cta-text-block {
      padding: 20px; } }
  @media screen and (min-width: 1200px) {
    .featured-cta-text-block {
      padding: 30px; } }
  .featured-cta-text-block h1, .featured-cta-text-block h2, .featured-cta-text-block h3, .featured-cta-text-block h4, .featured-cta-text-block h5, .featured-cta-text-block h6 {
    color: #666666;
    margin-bottom: 10px;
    margin-top: 0; }
  .featured-cta-text-block .btn {
    margin-bottom: 4px; }
    @media screen and (max-width: 480px) {
      .featured-cta-text-block .btn {
        display: block; } }
    @media screen and (min-width: 768px) {
      .featured-cta-text-block .btn {
        margin-bottom: 12px; } }
    @media screen and (min-width: 980px) {
      .featured-cta-text-block .btn {
        min-width: 150px; } }
  .featured-cta-text-block .left, .featured-cta-text-block .right {
    vertical-align: bottom; }
    @media screen and (min-width: 768px) {
      .featured-cta-text-block .left, .featured-cta-text-block .right {
        display: inline-block; } }
  .featured-cta-text-block .left *:last-child {
    margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .featured-cta-text-block .left {
      width: 79%; }
      .featured-cta-text-block .left *:last-child {
        margin-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .featured-cta-text-block .right {
      width: 20%;
      text-align: right; } }
  @media screen and (max-width: 767px) {
    .featured-cta-text-block.with-hours-block img {
      margin-bottom: 20px;
      width: 100%; } }
  .featured-cta-text-block.with-hours-block .hours-block {
    background-color: #ede9e6;
    padding: 15px; }
    @media screen and (max-width: 767px) {
      .featured-cta-text-block.with-hours-block .hours-block {
        margin-top: 20px; } }

.featured-text-block {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 30px;
  background: #f3f2f0;
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .featured-text-block {
      padding: 16px; } }
  @media screen and (min-width: 980px) {
    .featured-text-block {
      padding: 20px; } }
  @media screen and (min-width: 1200px) {
    .featured-text-block {
      padding: 24px; } }
  .featured-text-block .left, .featured-text-block .right {
    vertical-align: top; }
  @media screen and (max-width: 767px) {
    .featured-text-block .left {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) {
    .featured-text-block .left {
      position: absolute;
      left: 16px;
      top: 16px; } }
  @media screen and (min-width: 980px) {
    .featured-text-block .left {
      left: 20px;
      top: 20px; } }
  @media screen and (min-width: 1200px) {
    .featured-text-block .left {
      left: 24px;
      top: 24px; } }
  @media screen and (max-width: 767px) {
    .featured-text-block .left img {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .featured-text-block .left img {
      max-height: 135px;
      max-width: 180px; } }
  @media screen and (min-width: 980px) {
    .featured-text-block .left img {
      max-width: 200px;
      max-height: 200px; } }
  .featured-text-block .right {
    min-height: 135px; }
    @media screen and (min-width: 768px) {
      .featured-text-block .right {
        padding-left: 200px; } }
    @media screen and (min-width: 980px) {
      .featured-text-block .right {
        padding-left: 216px; } }
    @media screen and (min-width: 1200px) {
      .featured-text-block .right {
        padding-left: 230px; } }
  .featured-text-block h3 {
    margin-bottom: 10px;
    margin-top: 0; }

.featured-cta-text-block {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 30px;
  background: #f3f2f0;
  padding: 20px; }
  .featured-cta-text-block .left {
    width: 79%; }
    @media (min-width: 300px) and (max-width: 767px) {
      .featured-cta-text-block .left {
        width: 100% !important; } }
  .featured-cta-text-block .right {
    width: 20%;
    text-align: right;
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 300px) and (max-width: 767px) {
      .featured-cta-text-block .right {
        width: 100% !important; } }

.callout {
  background: #f3f2f0;
  box-sizing: border-box;
  height: 100%;
  padding: 20px !important; }
  @media screen and (min-width: 980px) {
    .callout {
      padding: 30px; } }
  .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
    margin-top: 0;
    margin-bottom: 6px !important; }
  .callout p {
    margin-bottom: 16px; }
  .callout *:last-child {
    margin-bottom: 0; }
  .callout ul {
    margin-left: 18px;
    list-style: none;
    margin: 0; }
    .callout ul li {
      position: relative;
      font-weight: 100;
      margin-bottom: 8px;
      line-height: 24px;
      padding-left: 16px; }
      .callout ul li::before {
        content: '\2022';
        margin-left: -16px;
        color: #a6a096;
        position: absolute; }

.image-callout-wrap:hover {
  color: #ffffff; }
  .image-callout-wrap:hover span {
    text-decoration: underline; }

@media screen and (min-width: 768px) {
  .image-callout-wrap {
    margin-bottom: 0px;
    float: left;
    height: 100%;
    margin-top: 0;
    display: inline-block;
    width: 100%; } }

.image-callout-wrap .image-callout {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0px;
  height: 100%;
  background-color: #ffffff;
  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: #060c38;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(6, 12, 56, 0.5);
    line-height: 24px;
    padding: 18px 60px 16px 20px;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .image-callout-wrap .image-callout span {
        margin-top: 0;
        margin-bottom: 0;
        z-index: 9;
        font-size: 20px;
        line-height: 24px;
        padding: 18px 60px 16px 20px; } }
    @media screen and (min-width: 980px) {
      .image-callout-wrap .image-callout span {
        font-size: 24px;
        line-height: 30px; } }
    .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; }
      @media screen and (min-width: 768px) {
        .image-callout-wrap .image-callout span:after {
          top: 16px; } }
  @media screen and (max-width: 767px) {
    .image-callout-wrap .image-callout.mobile-breakdown {
      background-image: none !important;
      height: auto; }
      .image-callout-wrap .image-callout.mobile-breakdown span {
        position: relative; } }

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; }

.hero-unit * {
  color: #fff !important; }

.hero-unit {
  padding-top: 250px !important;
  border-radius: 0px !important;
  background: #333943;
  box-sizing: border-box;
  border-radius: 0;
  position: relative;
  margin-bottom: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 0 20px; }
  @media (min-width: 300px) and (max-width: 767px) {
    .hero-unit {
      padding-top: 50px !important; } }
  .hero-unit:hover {
    text-decoration: none !important; }
  .hero-unit:after {
    position: absolute;
    content: '';
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    background-image: url(../images/hero-overlay.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 75%; }
  .hero-unit h1 {
    font-size: 70px !important;
    line-height: 80px !important; }

@media screen and (max-width: 480px) {
  .hero-unit h1 {
    font-size: 30px !important;
    color: #333943 !important;
    display: inline-block;
    padding: 15px 14px 9px;
    text-align: center;
    background: #FCFAF8;
    margin-top: 0;
    line-height: 1.2 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #B2AEA8;
    margin-bottom: 0 !important;
    width: 100%; }
  .hero-unit > .container-fluid {
    display: inline-block;
    padding: 5px !important;
    background: #fff;
    width: auto;
    max-width: 95%;
    width: 100%; } }

.links-block {
  box-sizing: border-box;
  margin: 20px 0;
  padding: 16px 10px 16px 10px;
  background: #f3f2f0; }
  .links-block .link-block span {
    display: block;
    background: #ede9e6;
    padding: 4px 10px;
    font-size: 13px; }

@media screen and (max-width: 767px) {
  .links-block .link-block .span1 {
    float: left;
    width: 30px !important;
    text-align: left !important; }
  .links-block .link-block .span11 {
    width: calc(100% - 30px) !important;
    float: right !important; }
  .link-block {
    margin-bottom: 10px; } }

.containerOverlay {
  position: relative;
  width: 100%; }
  .containerOverlay .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
    background-color: rgba(76, 76, 75, 0.5);
    transition: .5s;
    /* ::before {
			content: 'aaa';
			position: absolute;
			top: 10%;
			right: 10%;
			transition: .5s;
		} */ }
    .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%); }
  .containerOverlay p {
    color: #fff !important;
    text-transform: capitalize;
    line-height: inherit !important; }

.containerImg a:hover .overlay, .containerImg a:focus .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(45, 45, 40, 0.8); }

.containerImg:hover .overlay:before {
  transform: rotate(180deg); }

.page-title-and-description-with-promotional-content .page-description {
  margin-bottom: 34px !important; }

.page-title-and-description-with-promotional-content .callout {
  background: #f3f2f0;
  box-sizing: border-box;
  height: 100%;
  padding: 20px !important; }

.static-image-block {
  box-sizing: border-box; }
  @media screen and (max-width: 767px) {
    .static-image-block {
      position: relative;
      min-height: 350px;
      background-size: auto 60%;
      background-repeat: no-repeat;
      background-position: center top; } }
  @media screen and (max-width: 480px) {
    .static-image-block {
      min-height: 400px;
      background-size: auto 60%;
      background-position: 60% top;
      background-repeat: no-repeat; } }
  @media screen and (min-width: 768px) {
    .static-image-block {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; } }
  .static-image-block .content {
    position: relative;
    box-sizing: border-box; }
    .static-image-block .content .btn {
      margin: 0;
      padding: 8px 20px;
      background: #060c38;
      color: #fff; }
    @media screen and (max-width: 767px) {
      .static-image-block .content {
        background: #f3f2f0;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        min-height: 45%; }
        .static-image-block .content h3, .static-image-block .content p {
          margin-bottom: 8px; } }
    @media screen and (min-width: 768px) {
      .static-image-block .content {
        background: rgba(243, 242, 240, 0.75);
        height: 100%;
        width: 30%;
        padding: 24px 20px;
        min-height: 330px;
        min-width: 308px; } }
    @media screen and (min-width: 980px) {
      .static-image-block .content {
        width: 25%;
        padding: 36px 30px; } }
    .static-image-block .content * {
      color: #fff; }
      .static-image-block .content *:first-child {
        margin-top: 0; }
      .static-image-block .content *:last-child {
        margin-bottom: 0; }
    .static-image-block .content p {
      font-weight: 100;
      margin-bottom: 26px; }
  @media screen and (max-width: 767px) {
    .static-image-block.mobile-breakdown {
      margin-bottom: 12px;
      min-height: auto;
      background: none !important; }
      .static-image-block.mobile-breakdown .content {
        position: relative;
        text-align: left;
        padding: 17px 60px 16px 20px; }
        .static-image-block.mobile-breakdown .content p {
          display: none; }
        .static-image-block.mobile-breakdown .content * {
          font-size: 20px;
          font-weight: 300;
          line-height: 24px;
          margin-bottom: 0 !important;
          display: inline-block; }
        .static-image-block.mobile-breakdown .content a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: transparent;
          color: transparent; }
        .static-image-block.mobile-breakdown .content:hover h3 {
          text-decoration: underline; }
        .static-image-block.mobile-breakdown .content::after {
          content: '';
          position: absolute;
          right: 20px;
          height: 30px;
          width: 30px;
          padding: 1px;
          background-image: url("/library/images/icon/link-arrow-right.png");
          -webkit-background-size: 28px 28px;
          -o-background-size: 28px 28px;
          background-size: 28px 28px;
          background-position: center center;
          background-repeat: no-repeat;
          top: 12px; } }

#ui-area a.transactional-content-wrap:hover {
  text-decoration: none; }
  #ui-area a.transactional-content-wrap:hover h3 {
    text-decoration: underline; }
  #ui-area a.transactional-content-wrap:hover span.btn {
    background: #9B0618; }

#ui-area .transactional-content {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 60px;
  background: #fff;
  box-shadow: 0px 0px 7px rgba(128, 128, 128, 0.5);
  min-height: 400px; }
  #ui-area .transactional-content h1, #ui-area .transactional-content h2, #ui-area .transactional-content h3, #ui-area .transactional-content h4, #ui-area .transactional-content h5, #ui-area .transactional-content h6, #ui-area .transactional-content p {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  #ui-area .transactional-content .content {
    margin-top: 24px; }
  @media screen and (max-width: 767px) {
    #ui-area .transactional-content {
      margin-bottom: 30px; } }
  #ui-area .transactional-content * {
    color: #666666;
    font-weight: 100; }
    #ui-area .transactional-content *:not(.image) {
      margin-left: 24px;
      margin-right: 24px; }
  #ui-area .transactional-content .image {
    height: 250px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    @media screen and (min-width: 768px) {
      #ui-area .transactional-content .image {
        height: 200px; } }
    @media screen and (min-width: 980px) {
      #ui-area .transactional-content .image {
        height: 180px; } }
  #ui-area .transactional-content a.btn,
  #ui-area .transactional-content span.btn {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    margin: 0;
    padding: 8px 20px;
    background: #060c38;
    color: #fff; }
    @media screen and (max-width: 979px) {
      #ui-area .transactional-content a.btn,
      #ui-area .transactional-content span.btn {
        width: 93% !important; } }
    @media screen and (max-width: 480px) {
      #ui-area .transactional-content a.btn,
      #ui-area .transactional-content span.btn {
        width: 87% !important; } }

/* 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; }

.span4 .image + .image-title {
  margin: 20px 5px 50px;
  font-weight: bold; }

.photo-list-container ul.photo-list-ul {
  margin-left: 0px !important; }

/* For Default Desktop View */
@media screen and (min-width: 981px) and (max-width: 3200px) {
  .photo-list-container ul.cstm-tmplt-ul > li.cstm-tmplt-ul:nth-child(odd) .photo {
    margin-left: 5px; }
  .photo-list-container ul.cstm-tmplt-ul > li.cstm-tmplt-li:nth-child(even) {
    padding-left: 15px; } }

/* start classes for single tile right side*/
#ui-area #content-margin .layout-region--right.cont-wrapper-two .wrapper-two-area .TilesWebContentTemplate .views-element-container {
  width: 100% !important;
  margin: 0 !important; }

#ui-area #content-margin .layout-region.layout-region--right.cont-wrapper-two {
  font-size: inherit !important; }

/* end classes for single tile right side*/
.TilesWebContentTemplate {
  /* .tiles-layout-content {
		position: relative;
		z-index: 0;
	} */ }
  .TilesWebContentTemplate .layout-container {
    margin: 0 auto; }
  .TilesWebContentTemplate #block-custom-tiles-content {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: space-between; }
    @media (min-width: 976px) {
      .TilesWebContentTemplate #block-custom-tiles-content:after {
        content: "";
        flex: 0 1 auto;
        width: 32%;
        max-height: 300px;
        overflow: hidden; } }
  .TilesWebContentTemplate .views-element-container {
    padding: 0; }
    @media only screen and (max-width: 975px) {
      .TilesWebContentTemplate .views-element-container {
        margin: 0.5em 0 !important;
        width: 100% !important; } }
    @media (min-width: 976px) {
      .TilesWebContentTemplate .views-element-container {
        margin: 1em 0;
        width: 32% !important; } }
  .TilesWebContentTemplate .views-element-container:first-child {
    margin-left: 0 !important; }
  .TilesWebContentTemplate .views-element-container:last-child {
    margin-right: 0 !important; }
  .TilesWebContentTemplate .span4 {
    width: 100% !important;
    margin-left: 0px !important; }
  .TilesWebContentTemplate .views-element-container .span6 {
    width: 100% !important; }
  .TilesWebContentTemplate .field-content, .TilesWebContentTemplate .button-holder {
    display: block; }
  .TilesWebContentTemplate .gridfield-image {
    padding: 150px 0;
    position: relative;
    background-size: cover;
    background-color: #009ae1; }
  .TilesWebContentTemplate .gridfield-content {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -83%;
    transition: 0.25s bottom;
    padding: 15px 20px;
    background-color: rgba(6, 12, 56, 0.85);
    color: white;
    font-size: 0.85em;
    font-weight: 300;
    line-height: 1.4; }
  .TilesWebContentTemplate .gridfield-title {
    font-size: 1.4em;
    line-height: 1.15;
    font-weight: 500;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis; }
  .TilesWebContentTemplate .gridfield-body {
    margin: 1em 0;
    font-size: 18px; }
  .TilesWebContentTemplate .gridfield-readmore a {
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    color: white !important;
    text-transform: uppercase;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    font-size: .85em;
    border: 2px solid white !important;
    border-radius: 5px;
    padding: .35em .5em !important;
    margin-top: .25em !important;
    font-size: 18px; }
    .TilesWebContentTemplate .gridfield-readmore a:hover {
      background-color: #060c38 !important;
      color: #fff; }
  .TilesWebContentTemplate .gridfield-image:hover .gridfield-title {
    white-space: normal; }
  .TilesWebContentTemplate .gridfield-images {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 2em; }
  .TilesWebContentTemplate .gridfield-images .views-row {
    margin: 0 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent; }
  .TilesWebContentTemplate .gridfield-images .views-row:focus {
    border-color: #999;
    outline: none; }
  .TilesWebContentTemplate .gridfield-image:hover .gridfield-content,
  .TilesWebContentTemplate .slick-slide:focus .gridfield-content {
    bottom: 0; }
  .TilesWebContentTemplate .gridfield-images-wrapper ul {
    list-style-type: none;
    padding: 0 !important; }
  .TilesWebContentTemplate .gridfield-images-wrapper li {
    margin: 0 20px; }
  .TilesWebContentTemplate .gridfield-images-wrapper li:before {
    display: none !important; }
  .TilesWebContentTemplate .gridfield-list-images section {
    background-color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    vertical-align: top; }
  .TilesWebContentTemplate .gridfield-date {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 23px;
    border-bottom: 1px solid white;
    padding: 0 0 4px;
    margin: 0 0 10px; }
  .TilesWebContentTemplate .gridfield-date + .gridfield-title {
    font-size: 1em;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 0; }
  .TilesWebContentTemplate .gridfield-content:hover .gridfield-date + .gridfield-title {
    white-space: normal; }
  .TilesWebContentTemplate .gridfield-list-images section,
  .TilesWebContentTemplate .gridfield-list-images .views-row {
    border: none;
    overflow: hidden; }
  .TilesWebContentTemplate .gridfield-list-images section {
    padding: 2em; }
  .TilesWebContentTemplate .gridfield-list-images section,
  .TilesWebContentTemplate #block-custom-tiles-content .gridfield-list-images .views-row,
  .TilesWebContentTemplate .gridfield-list-images nav {
    margin: 0;
    border: none; }
  .TilesWebContentTemplate .gridfield-list-images nav ul {
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding: 0.5em 0.25em;
    margin: 0;
    background-color: #009ae1; }
  .TilesWebContentTemplate .gridfield-list-images nav li {
    display: inline-block;
    padding: 0;
    margin: 0 0.25em; }
  .TilesWebContentTemplate .gridfield-list-images nav li,
  .TilesWebContentTemplate .gridfield-list-images nav a {
    font-weight: 300;
    color: white; }
  .TilesWebContentTemplate .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); }
  .TilesWebContentTemplate .gridfield-list-images nav a:hover {
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.4); }
  .TilesWebContentTemplate .gridfield-list-images nav li:before {
    display: none; }
  .TilesWebContentTemplate .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; }
  .TilesWebContentTemplate .gridfield-list-images.gridfield-list-images-facilities {
    margin-top: 0; }
  .TilesWebContentTemplate .gridfield-list-images.gridfield-list-images-facilities section {
    top: 0;
    height: auto;
    border-width: 10px; }
  .TilesWebContentTemplate .gridfield-list-images.green .gridfield-image {
    background-color: #01acab; }
  .TilesWebContentTemplate .gridfield-list-images.green .gridfield-content {
    background-color: rgba(1, 172, 171, 0.85); }
  .TilesWebContentTemplate .gridfield-list-images.blue .gridfield-image {
    background-color: #003768; }
  .TilesWebContentTemplate .gridfield-list-images.blue .gridfield-content {
    background-color: rgba(0, 55, 104, 0.85); }
  @media (min-width: 976px) {
    .TilesWebContentTemplate .layout--twocol > .layout-region--left {
      flex: 0 1 66%; }
    .TilesWebContentTemplate .layout--twocol > .layout-region--right {
      flex: 0 1 32%; }
    .TilesWebContentTemplate .ie .layout--twocol > .layout-region--left {
      flex-basis: 60%; }
    .TilesWebContentTemplate .ie .layout--twocol > .layout-region--right {
      flex-basis: 27%; }
    .TilesWebContentTemplate .frontpage-about-summary .views-field-body {
      width: 66%; }
    .TilesWebContentTemplate .gridfield-list-images {
      display: flex;
      flex-wrap: wrap;
      flex-flow: row wrap;
      justify-content: space-between; }
    .TilesWebContentTemplate .gridfield-list-images:after {
      content: ""; }
    .TilesWebContentTemplate .gridfield-list-images:after,
    .TilesWebContentTemplate .gridfield-list-images section,
    .TilesWebContentTemplate .gridfield-list-images .views-row,
    .TilesWebContentTemplate .gridfield-list-images nav {
      flex: 0 1 auto;
      width: 32%;
      max-height: 300px;
      overflow: hidden; }
    .TilesWebContentTemplate .gridfield-list-images nav {
      width: 100%; }
    .TilesWebContentTemplate .gridfield-list-images section {
      width: 66%;
      padding: 2em; } }

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*@import "bootstrap-grid";
@import "bootstrap-reboot"; */
.container {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1248px; } }

.container-fluid {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.333333333%;
  max-width: 8.333333333%; }

.col-2 {
  flex: 0 0 16.666666667%;
  max-width: 16.666666667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.333333333%;
  max-width: 33.333333333%; }

.col-5 {
  flex: 0 0 41.666666667%;
  max-width: 41.666666667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.333333333%;
  max-width: 58.333333333%; }

.col-8 {
  flex: 0 0 66.666666667%;
  max-width: 66.666666667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.333333333%;
  max-width: 83.333333333%; }

.col-11 {
  flex: 0 0 91.666666667%;
  max-width: 91.666666667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.333333333%; }

.offset-2 {
  margin-left: 16.666666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.333333333%; }

.offset-5 {
  margin-left: 41.666666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.333333333%; }

.offset-8 {
  margin-left: 66.666666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.333333333%; }

.offset-11 {
  margin-left: 91.666666667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.333333333%;
    max-width: 8.333333333%; }
  .col-sm-2 {
    flex: 0 0 16.666666667%;
    max-width: 16.666666667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%; }
  .col-sm-5 {
    flex: 0 0 41.666666667%;
    max-width: 41.666666667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.333333333%;
    max-width: 58.333333333%; }
  .col-sm-8 {
    flex: 0 0 66.666666667%;
    max-width: 66.666666667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.333333333%;
    max-width: 83.333333333%; }
  .col-sm-11 {
    flex: 0 0 91.666666667%;
    max-width: 91.666666667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.333333333%; }
  .offset-sm-2 {
    margin-left: 16.666666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.333333333%; }
  .offset-sm-5 {
    margin-left: 41.666666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.333333333%; }
  .offset-sm-8 {
    margin-left: 66.666666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.333333333%; }
  .offset-sm-11 {
    margin-left: 91.666666667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.333333333%;
    max-width: 8.333333333%; }
  .col-md-2 {
    flex: 0 0 16.666666667%;
    max-width: 16.666666667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%; }
  .col-md-5 {
    flex: 0 0 41.666666667%;
    max-width: 41.666666667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.333333333%;
    max-width: 58.333333333%; }
  .col-md-8 {
    flex: 0 0 66.666666667%;
    max-width: 66.666666667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.333333333%;
    max-width: 83.333333333%; }
  .col-md-11 {
    flex: 0 0 91.666666667%;
    max-width: 91.666666667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.333333333%; }
  .offset-md-2 {
    margin-left: 16.666666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.333333333%; }
  .offset-md-5 {
    margin-left: 41.666666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.333333333%; }
  .offset-md-8 {
    margin-left: 66.666666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.333333333%; }
  .offset-md-11 {
    margin-left: 91.666666667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.333333333%;
    max-width: 8.333333333%; }
  .col-lg-2 {
    flex: 0 0 16.666666667%;
    max-width: 16.666666667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%; }
  .col-lg-5 {
    flex: 0 0 41.666666667%;
    max-width: 41.666666667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.333333333%;
    max-width: 58.333333333%; }
  .col-lg-8 {
    flex: 0 0 66.666666667%;
    max-width: 66.666666667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.333333333%;
    max-width: 83.333333333%; }
  .col-lg-11 {
    flex: 0 0 91.666666667%;
    max-width: 91.666666667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.333333333%; }
  .offset-lg-2 {
    margin-left: 16.666666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.333333333%; }
  .offset-lg-5 {
    margin-left: 41.666666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.333333333%; }
  .offset-lg-8 {
    margin-left: 66.666666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.333333333%; }
  .offset-lg-11 {
    margin-left: 91.666666667%; } }

@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.333333333%;
    max-width: 8.333333333%; }
  .col-xl-2 {
    flex: 0 0 16.666666667%;
    max-width: 16.666666667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%; }
  .col-xl-5 {
    flex: 0 0 41.666666667%;
    max-width: 41.666666667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.333333333%;
    max-width: 58.333333333%; }
  .col-xl-8 {
    flex: 0 0 66.666666667%;
    max-width: 66.666666667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.333333333%;
    max-width: 83.333333333%; }
  .col-xl-11 {
    flex: 0 0 91.666666667%;
    max-width: 91.666666667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.333333333%; }
  .offset-xl-2 {
    margin-left: 16.666666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.333333333%; }
  .offset-xl-5 {
    margin-left: 41.666666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.333333333%; }
  .offset-xl-8 {
    margin-left: 66.666666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.333333333%; }
  .offset-xl-11 {
    margin-left: 91.666666667%; } }

.impersonation-msg {
  right: 0 !important;
  width: 100%  !important;
  max-width: 100% !important; }

.ach-create-btn {
  margin-bottom: 5px; }

.ach-list-col-status {
  text-align: center !important; }

.ach-list-col-activiation-date {
  text-align: center !important; }

#ui-area .ChangePassword-portlet .cp-cell {
  position: relative !important; }

#ui-area .ChangePassword-portlet .changePasswordError {
  padding: 5px 20px !important; }

.msi-label {
  margin-top: 15px; }

.fa-minus-square-wo {
  color: red; }

.work-order-img img {
  width: 23px;
  height: 20px; }

.member-info-grid label {
  word-break: break-all; }

.work-order-detail-grid {
  text-align: left; }

.member-info-grid {
  text-align: left; }

.wo-no {
  color: #060c38 !important;
  text-decoration: underline !important; }

.wo-grid-col {
  padding: 5px !important; }

@media (max-width: 740px) and (min-width: 641px) {
  .credit-book-box {
    height: 320px; } }

.cbp-reset {
  width: 5% !important;
  margin-bottom: 6px !important; }

.credit-book-box td {
  width: 50%; }

.cross .rc-icon {
  color: #fff !important;
  margin-top: 9px; }

.CreditBook-portlet button.ui-datepicker-trigger.ui-button {
  margin: 0 3px !important;
  vertical-align: text-bottom !important; }

.CreditBook-portlet .cbp-reset {
  vertical-align: top !important; }

.CreditBook-portlet span.ui-button-text.ui-c {
  padding-bottom: 1px !important;
  padding-top: 1px !important;
  vertical-align: bottom !important; }

.CreditBook-portlet .ui-datagrid-content {
  padding: 0 !important; }
  .CreditBook-portlet .ui-datagrid-content .credit-book-box th {
    background-color: #060c38;
    color: #fff; }

.CreditBook-portlet .ui-dialog .cross .rc-icon {
  margin-top: 14px; }

.CreditBook-portlet .ui-dialog .credit-book-detail .rc-icon {
  float: right;
  color: #060c38 !important; }

.CreditBook-portlet .ui-dialog .cancel-trash i {
  color: #060c38 !important; }

.CreditBook-portlet .ui-dialog .table-striped {
  margin-bottom: 15px; }

@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 #E7E7ED !important;
  border-radius: 0.25rem !important;
  width: 100%; }

/* 321px and less */
@media (max-width: 321px) {
  .cc-openedge-iframe {
    height: 1342px; } }

/* 322px to 548px */
@media (min-width: 322px) and (max-width: 548px) {
  .cc-openedge-iframe {
    height: 1302px; } }

/* 549px to 840px */
@media (min-width: 549px) and (max-width: 840px) {
  .cc-openedge-iframe {
    height: 982px; } }

/* 841px and above */
@media (min-width: 841px) {
  .cc-openedge-iframe {
    height: 947px; } }

.cc-ezidebit-iframe {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  width: 100%;
  height: 771px; }

.spa-search-controls .ui-calendar {
  display: flex;
  max-width: 95% !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .spa-search-controls .ui-calendar {
      max-width: 100% !important; } }

.spa-search-controls .hasDatepicker {
  max-width: 100% !important;
  height: 41px !important;
  margin-top: 2px !important; }

.spa-search-controls button.ui-datepicker-trigger.ui-button {
  height: 41px !important;
  margin-top: 2px !important; }

@media (min-width: 980px) {
  .main-spa-div button.ui-datepicker-trigger.ui-button {
    top: 0px !important; } }

.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: .3em .4em .5em .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; }

@media screen and (min-width: 1025px) {
  .spa-member-rule-dialog .spa-dialog {
    width: 650px !important;
    margin-left: 100px; } }

@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: 200px !important;
    display: inline-block; }
  .dropdown-service {
    max-width: 210px; }
  .dropdown-provider {
    max-width: 210px; } }

.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; }

/* body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@media (min-width: 1200px) {
	.container {
		    width: 1050px;
	}
} */
.main-container {
  padding: 15px;
  border: 1px solid #ccc; }

/* h1 {
	font-size: 24px;
	color: #698167;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	margin: 0px;
	text-transform: uppercase;
}

h2 {
	font-size: 18px;
	color: #2f6098;
	font-family: 'Exo', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}

h3 {
	font-size: 12px;
	font-family: 'Exo', sans-serif;
	color: #2f6098;
	font-weight: 500;
	line-height: 3px !important;
}

h4 {
	font-size: 14px;
	font-family: 'Exo', sans-serif;
	color: red;
	font-weight: 500;
	line-height: 15px !important;
	text-transform: uppercase;
} */
/* 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/club-images/spa-reservation.jpg);
  padding: 10px; }

.spa-margin-top {
  background-image: url("../images/club-images/spa-bg.png");
  margin-top: 270px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8); }

.SpaReservation-portlet .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
  padding: 2px 0 !important; }

@media (max-width: 767px) {
  .spa-margin-top {
    margin-top: 20px; }
  .spa-margin-top h1 {
    font-size: 20px; } }

.SpaReservation-portlet .spa-margin-top h1 {
  color: #ffffff !important;
  font-weight: 700; }

/* .spa-margin-top label {
	color:#fff !important;
    font-weight:700 !important;
    text-shadow: 1px 1px #000000;
    font-size: 1.1em;
    text-transform: uppercase;
} */
.heading-background {
  background-color: #050a2d;
  color: #ffffff;
  display: block;
  font-size: 17px;
  min-height: 20px;
  padding: 10px; }

.heading-background h1 {
  color: #ffffff;
  font-size: 48px; }

.maxPartyMsg {
  color: red;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold; }

.available-times-dis {
  background-color: #cdced7;
  color: #cccccc;
  display: inline-block;
  width: 19%;
  text-align: center;
  padding: 5px;
  margin: 2px; }

.available-times {
  background: #6a6d88;
  color: #000 !important;
  display: block;
  margin: 4px 5px 4px;
  padding: 14px 0;
  text-align: center;
  /* width: 48%; */ }
  @media (min-width: 300px) and (max-width: 767px) {
    .available-times {
      margin: 4px 0px 4px !important; } }

.available-times:hover {
  background-color: #383d60;
  color: white !important;
  text-decoration: none !important;
  cursor: pointer; }

/* End */
/* SPA Calender Style */
.ui-timepicker-oneLine select {
  width: 80px; }

.ui-datepicker {
  width: 17em !important; }

.SpaReservation-portlet button.ui-datepicker-trigger.ui-button {
  height: 40px; }

/* .ui-widget {
	font-size: 13px !important;
} */
/*End SPA Calender Style */
.DiningReservation-portlet .dining-even-row .ui-grid-col-3 {
  margin: 0px; }

.DiningReservation-portlet .availableTimes .heading-background {
  display: flex;
  flex: inherit; }

.DiningReservation-portlet .ui-panel-titlebar {
  background-color: #060c38 !important; }
  .DiningReservation-portlet .ui-panel-titlebar .ui-panel-titlebar-icon {
    background: #fff; }

.DiningReservation-portlet .dining-even-col {
  padding: 10px 5px !important; }

.DiningReservation-portlet .dining-odd-col {
  padding: 0px 10px; }

.DiningReservation-portlet .ui-datalist .ui-datalist-content {
  padding: 10px 0; }

.DiningReservation-portlet .ui-tabs-top .ui-tabs-nav {
  margin: 0 !important; }
  .DiningReservation-portlet .ui-tabs-top .ui-tabs-nav li {
    margin-bottom: 0px !important;
    border-bottom: 0 !important; }

.DiningReservation-portlet .ui-tabs-top .ui-tabs-panels input {
  max-width: 250px !important;
  width: 250px;
  height: 33px; }

.DiningReservation-portlet .ui-tabs-top .ui-tabs-panels .dining-time.ui-trigger-calendar {
  width: auto !important;
  min-width: auto !important;
  display: inline-block; }
  .DiningReservation-portlet .ui-tabs-top .ui-tabs-panels .dining-time.ui-trigger-calendar input {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px; }

/*.dining-time , .dining-date {
	input {
		width: calc(100% - 36px) !important;
		max-width: calc(100% - 36px) !important;
	}
}*/
.dining-search-div {
  background-image: url(../images/club-images/dinig-reservation.jpg);
  padding: 10px;
  background-size: cover; }

.dining-margin-top {
  margin-top: 195px;
  padding: 10px; }

.DiningReservation-portlet .ui-corner-all {
  margin-top: 0 !important; }

.DiningReservation-portlet .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
  background: #fff !important; }

.DiningReservation-portlet .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
  background: #fff !important;
  /* height: 100% !important; */ }

.DiningReservation-portlet .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
  background: #fff !important; }

.DiningReservation-portlet .ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
  background: #fff !important;
  margin: 0 !important;
  height: 34px; }

.dining-search-div .ui-widget-content {
  background: transparent !important; }

.DiningReservation-portlet .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
  padding: 2px 0 !important; }

.DiningReservation-portlet .ui-inputfield, .DiningReservation-portlet .ui-widget-content .ui-inputfield, .DiningReservation-portlet .ui-widget-header .ui-inputfield {
  color: #666666 !important;
  text-shadow: none; }

.DiningReservation-portlet .ui-state-default label {
  line-height: 20px !important; }

.dining-even-row .ui-grid-col-3 {
  margin-left: 0px !important; }

.availableTimes .heading-background {
  min-height: 40px !important; }

@media screen and (min-width: 220px) and (max-width: 979px) {
  .DiningReservation-portlet .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    height: 30px; } }

/* 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%; } }

#ui-area .dining-search-label h3 {
  color: #ffffff !important;
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 15px; }

.dining-search-label .ui-button {
  margin-bottom: 0px !important; }

.DiningReservation-portlet .hasDatepicker {
  width: 100% !important;
  height: 34px !important; }

.DiningReservation-portlet .dining-margin-top.dining-search-label .hasDatepicker {
  max-width: 100% !important; }

@media screen and (min-width: 220px) and (max-width: 767px) {
  .DiningReservation-portlet .hasDatepicker {
    width: 90% !important; }
  #ui-area .dining-margin-top {
    margin-top: 0px; } }

@media screen and (min-width: 980px) and (max-width: 1199px) {
  button.ui-datepicker-trigger.ui-button {
    padding: 0px 0 4px; } }

/* MT#0269836: Integration of Seating Area for Dining Reservations */
.dining-slots-list {
  list-style-type: none;
  margin: 0px !important;
  padding: 0; }

.dining-slots-list .dining-slot-list-item {
  width: 24%;
  float: none;
  display: inline-block; }

.dining-slot-div.active .available-times {
  background: #060c38;
  color: #ffffff !important;
  font-weight: bold; }

.dining-slot-sub-location {
  border: 1px solid #000000;
  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: 035b8f !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; }

.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: .30; }

@media screen and (max-width: 767px) {
  .availableTimes .heading-background {
    min-height: 20px !important; }
  .dining-slots-list .dining-slot-list-item {
    width: 100% !important; }
  .dining-sub-locations-desktop {
    display: none !important; }
  .dining-sub-locations-mobile {
    display: block !important; }
  .dining-sub-Locations-popup {
    width: 310px !important; }
  .dining-slot-sub-location .ui-datagrid .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column {
    width: 50%; }
  .dining-slot-sub-location {
    margin-left: 7px;
    margin-right: 0px;
    padding-right: 5px; } }

@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-area .DiningReservation-portlet .dining-sub-Locations-popup {
  background: white !important; }

#ui-area .DiningReservation-portlet .dining-search-div .ui-panelgrid-cell {
  background-color: transparent !important;
  color: #ffffff !important; }

.dining-date.ui-trigger-calendar, .dining-time.ui-trigger-calendar {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  display: block; }

#ui-datepicker-div table tr td {
  padding: 0 !important; }

/* MT#0226845: App Sanity */
@media (min-width: 300px) and (max-width: 767px) {
  .aui a:hover,
  .aui a:active,
  .aui a:focus {
    outline-width: 0px !important;
    outline: 0 !important; }
  .aui a:focus {
    outline-width: 0 !important;
    outline: 0 !important; }
  .aui div:focus {
    outline-width: 0 !important;
    outline: 0 !important; }
  .aui div:focus-within {
    outline: 0; }
  .aui a:focus-within {
    outline: 0; }
  .aui table tr td:focus-within {
    outline: 0; }
  .aui table tr:focus-within {
    outline: 0; } }

/*-----------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 {
    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 -.4em -.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 -.4em -.4em !important; } }

.upcoming-events-area .events-portlet {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  margin: 37px 0 73px 0;
  border: 2px solid #e4e4e4;
  padding: 40px; }

.events-portlet h1.heading.event-list-heading {
  font-family: "Montserrat", sans-serif !important;
  letter-spacing: 3px;
  font-size: 20px !important;
  text-transform: uppercase;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  padding-bottom: 0px !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: 0px solid #c1c1c1;
  border-top: 0px 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-eventdescription {
  color: #000;
  font-size: 15px;
  margin: 0 !important;
  padding: 0 !important; }

.events-advancelisting-event {
  width: 100%;
  box-sizing: border-box;
  display: table;
  margin-bottom: 5px;
  /* padding: 5px;*/
  cursor: pointer; }

/*.events-advancelisting-itemhover:hover {
	background-color: #f8f8f8;
}*/
.events-advancelisting-eventdetail {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.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: 195px !important;
    min-width: 281px; }
  .events-advancelisting-event {
    display: flex; }
  .events-advancelisting-eventtimgcontainer {
    margin-right: 20px; } }

/* 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;
  font-size: 18px; }

.events-advancelisting-eventstatus-reserved,
.events-advancelisting-eventstatus-available {
  color: #003764; }

.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: #fff;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ui-datagrid-row:nth-child(odd) .events-list-li, .events-portlet .ui-datagrid-row:nth-child(odd) .events-advancelisting-eventdetail {
  background: rgba(0, 0, 0, 0.025); }

.events-event {
  cursor: pointer; }

/*.events-hover:hover {
	background-color: #f1f1f1;
}*/
.event-list-heading .fa-calendar {
  display: none; }

.events-title-container {
  margin-bottom: 10px; }

.events-title-hr {
  margin: 5px 0 0 !important; }

/*.events-title {
	font-size: 24px;
	font-weight: 300;
}*/
.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.80;
  /* 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; }

.events-advancelisting-eventdetail div, .events-advancelisting-eventdetail span {
  padding: 0;
  /*  color: #7b7b7b; */ }

.events-advancelisting-eventdate {
  color: #666666; }

.events-advancelisting-eventtime {
  color: #666666; }

.events-advancelisting-eventslots {
  color: #666666; }

/* events portlet classes */
.events-advancelisting-eventtimg {
  height: auto !important;
  width: auto !important;
  min-width: 209px !important;
  box-shadow: none !important;
  border: 3px solid #d9d9d9 !important; }

.events-advancelisting-eventdate {
  background-color: transparent !important;
  color: #666666 !important; }

.events-advancelisting-eventtime {
  background-color: transparent !important;
  color: #666666 !important; }

.events-advancelisting-eventname {
  font-size: 30px;
  color: #060c38;
  margin-bottom: 0px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif !important;
  text-transform: uppercase;
  padding: 0 !important; }

.events-advancelisting-eventstatus-reserved,
.events-advancelisting-eventstatus-available {
  color: #060c38 !important; }

.events-advancelisting-event {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important; }

.events-advancelisting-eventdetails .ui-grid-col-6 {
  margin-bottom: 10px; }

/*.events-portlet {
    margin-bottom: 30px;
    padding-bottom: 50px;
}*/
.events-event-name {
  font-family: "Montserrat", sans-serif; }

.events-event-time {
  color: #060c38; }

/* end events portlet classes */
/* Custom Theme classes Start */
.events-list-li .ui-grid-col-3 {
  float: right;
  text-align: right; }

.events-event a, .events-event-date {
  font-weight: 400; }

@media screen and (min-width: 220px) and (max-width: 640px) {
  .events-list-li .ui-grid-col-3 {
    text-align: left; } }

/* Custom Theme classes End */
/*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; }

@media (min-width: 768px) and (max-width: 991px) {
  .calendar-portlet .calendar-portlet-column-parent .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .calendar-portlet .calendar-portlet-column-parent .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%; } }

.calendar-portlet .search-calendar select.aui-field-select {
  min-height: 36px !important;
  border-color: #dbd9d5 !important; }

.calendar-portlet .calendar-search-container .lfr-search-container {
  overflow: inherit !important; }

.nav-tabs li a {
  color: #666666; }

.calendar-add-event-btn {
  background-color: #060c38 !important;
  background-image: none !important; }

.scheduler-base-today {
  background-color: #060c38 !important;
  background-image: none !important; }

.scheduler-base-icon-prev {
  background-color: #060c38 !important;
  background-image: none !important;
  border: 0 none !important;
  color: #ffffff !important;
  margin-right: 3px !important;
  text-shadow: none !important;
  padding: 6px 10px !important; }

.scheduler-base-icon-next {
  background-color: #060c38 !important;
  background-image: none !important;
  color: #ffffff !important;
  text-shadow: none !important;
  border: 0px !important;
  padding: 6px 10px !important; }

.calendar-portlet .btn-group-content button {
  padding: 5px 8px !important; }

.scheduler-base-view {
  background-color: #060c38 !important;
  background-image: none !important; }

.scheduler-base-views .active {
  background-color: #000 !important;
  color: #ffffff !important; }

.yui3-calendar-day.yui3-calendar-day-selected {
  background-color: #060c38 !important;
  color: #ffffff !important; }

.calendar-portlet .calendar-portlet-column-grid .btn-primary {
  background-color: #060c38 !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 5px 19px !important; }

.calendar-portlet .calendar-portlet-column-grid .btn-primary.active {
  background-color: #666666 !important; }

.calendar-portlet .btn-primary {
  background-color: #060c38 !important;
  background-image: none !important;
  border-radius: 0 !important; }

.yui3-calendar-header-label {
  color: #ffffff;
  text-align: center; }

.yui3-u.yui3-calendarnav-nextmonth > span {
  background: #060c38 none repeat scroll 0 0;
  color: #ffffff;
  display: block  !important;
  font-weight: bold;
  margin-top: 0;
  padding: 10px 1px;
  position: absolute; }

.yui3-u.yui3-calendarnav-prevmonth > span {
  background: #060c38;
  padding: 10px 3px;
  margin-top: 0px;
  display: block !important;
  color: #ffffff;
  font-weight: bold;
  position: absolute; }

.yui3-calendarnav-prevmonth {
  border-right-color: #ffffff !important; }

.yui3-calendarnav-nextmonth {
  border-left-color: #ffffff !important; }

th.yui3-calendar-weekday {
  background-color: #ffffff;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  color: #000000 !important;
  font-weight: bold !important; }

.yui3-calendar-grid .yui3-calendar-row td {
  color: #000000;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

.yui3-calendar-prevmonth-day {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

.yui3-calendar-day {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

.yui3-calendar-day:hover {
  background: #060c38 !important;
  color: #ffffff !important; }

.lfr-current-day {
  background: #050a2d !important;
  color: #ffffff !important; }

.yui3-calendar-nextmonth-day {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

.yui3-calendar-header {
  background-color: #060c38;
  padding-top: 8px;
  min-height: 27px; }

/*.calendar-portlet .lfr-busy-day:after {
    display: none !important;
}*/
.scheduler-view-table-header-table th {
  background-color: #666666 !important;
  color: #ffffff;
  @incluide border; }

.scheduler-base-view-date {
  display: block;
  margin: 10px 0 !important; }

#editBtn {
  background-color: #060c38 !important;
  background-image: none !important;
  color: #ffffff !important;
  margin-right: 2px;
  text-shadow: none !important;
  border: 1px solid;
  padding: 5px 10px; }

#saveBtn {
  background-color: #060c38 !important;
  background-image: none !important;
  border: 1px solid;
  color: #ffffff !important;
  margin-right: 2px;
  text-shadow: none !important;
  padding: 5px 10px; }

#viewBtn {
  background-color: #060c38 !important;
  background-image: none !important;
  color: #ffffff !important;
  margin-right: 2px;
  text-shadow: none !important; }

#deleteBtn {
  background-color: #f1331e !important;
  background-image: none !important;
  color: #ffffff !important;
  text-shadow: none !important; }

@media (max-width: 979px) {
  .aui .btn {
    padding: 4px 12px;
    font-size: 14px; } }

/* calendar portlet "repeat popup" input margin and other class */
/* .calendar-portlet .yui3-widget-positioned {
	top: 5px !important;
} */
.calendar-portlet-recurrence-content .calendar-portlet-recurrence-limit.control-group {
  margin-bottom: 10px !important; }

.yui3-skin-sam .yui3-calendarnav-nextmonth, .yui3-skin-sam .yui3-calendarnav-nextmonth:hover {
  margin-right: 0px !important; }

.yui3-skin-sam .yui3-calendarnav-prevmonth, .yui3-skin-sam .yui3-calendarnav-prevmonth:hover {
  margin-left: 0px !important; }

#_1_WAR_calendarportlet_calendarSecondRow input#_1_WAR_calendarportlet_txtSearchEvent {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 1px !important;
  height: 38px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #_1_WAR_calendarportlet_calendarSecondRow input#_1_WAR_calendarportlet_txtSearchEvent {
      margin-bottom: 10px !important;
      max-width: 100% !important;
      font-size: 14px; } }

div#_1_WAR_calendarportlet_advanceSearch .control-group {
  margin-bottom: 10px !important; }

.search-calendar select {
  padding-bottom: 3px !important;
  padding-top: 2px !important; }

.calendar-portlet .scheduler-base-hd .btn-group-content button {
  padding: 5px 8px !important;
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .calendar-portlet .scheduler-base-hd .btn-group-content button {
      font-size: 14px !important; } }

/* calendar table header border class */
.calendar-portlet .scheduler-view-table-header-col .scheduler-view-table-header-day div {
  border-right: 1px solid #eee;
  font-size: 18px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .calendar-portlet .scheduler-view-table-header-col .scheduler-view-table-header-day div {
      font-size: 14px !important; } }

/* end calendar table header border class */
/* ----------- start 200px to 667px ----------- */
@media screen and (min-width: 200px) and (max-width: 767px) {
  .calendar-portlet .close {
    width: auto !important;
    padding: 8px 0 !important;
    margin: 0 !important; } }

/* iPad (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  input#_1_WAR_calendarportlet_keyword {
    width: 100% !important;
    font-size: 12px !important; }
  input#_1_WAR_calendarportlet_startDate {
    width: 100% !important;
    font-size: 12px !important; }
  input#_1_WAR_calendarportlet_endDate {
    width: 100% !important;
    font-size: 12px !important; }
  #_1_WAR_calendarportlet_advanceSearch input {
    width: 100% !important; }
  #_1_WAR_calendarportlet_calendarSecondRow input#_1_WAR_calendarportlet_txtSearchEvent {
    width: 250px !important;
    font-size: 12px !important; } }

/* end calendar portlet "repeat popup" input margin and other class */
.calendar-portlet a:focus {
  outline: 0px auto -webkit-focus-ring-color !important; }

/* classes by zain */
.calendar-portlet .nav-tabs .in-active a, .calendar-portlet .nav-tabs .in-active a:hover, .calendar-portlet .nav-tabs .in-active a:active, .calendar-portlet .nav-tabs .in-active a:focus {
  background-color: #383d60;
  color: #ffffff !important;
  border: 1px solid transparent !important; }

.calendar-portlet .nav-tabs .active a, .calendar-portlet .nav-tabs .active a:hover, .calendar-portlet .nav-tabs .active a:active, .calendar-portlet .nav-tabs .active a:focus {
  background-color: #666666;
  color: #ffffff !important;
  border: 1px solid transparent !important; }

/* end classes by zain */
/* MT#0206255: Calendar - Day/Week - Issue */
.scheduler-view-week .scheduler-event {
  height: 70px;
  width: 95% !important;
  min-height: 50px; }

.scheduler-view-day-table-col-shim {
  margin-bottom: 0px !important; }

.scheduler-view-week-content, .scheduler-view-day-content {
  box-sizing: content-box !important; }

.scheduler-view-day .scheduler-event-title, .scheduler-view-day .scheduler-event-content {
  font-size: 12px !important;
  display: -webkit-inline-box !important; }

.scheduler-view-week .scheduler-event-title, .scheduler-view-week .scheduler-event-content {
  font-size: 12px !important; }

.scheduler-view-day .scheduler-event-title {
  overflow: initial !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: #666666;
  background-color: #ffffff;
  opacity: 0.75; }

.event-link {
  color: #0B5FFF;
  font-weight: 400;
  cursor: pointer; }

/* New Fix */
#MemberMessageTable {
  margin-bottom: 10px; }

#NewStyle tr td {
  padding: 5px 0; }

#NewStyle #ccSave {
  background: #050a2d;
  border: 0;
  padding: 8px;
  color: #ffffff; }

#NewStyle #cancel {
  background: #b30606;
  border: 0;
  padding: 8px;
  color: #fff; }

/*.additionalReservations table, tr, td{
	vertical-align: middle !important;
}*/
div#addAnotherReservationButtonDIV {
  margin: 0 0 10px 0; }

div#Add_To_Cart_DIV {
  margin: 0 0 10px 0; }

.ItemSelectionGuestHeading {
  color: #000 !important; }

div[aria-describedby="showModalDialogDiv"] {
  top: 0 !important; }

/* MT#0150980: change color of buttons on event screen */
#main .btn-success + .btn-primary {
  background-color: #3279b5 !important;
  border: 0px; }

/* MT#0150980: change color of buttons on event screen */
#main .btn-success + .btn-primary {
  background-color: #221F72 !important;
  border: 0px; }

#main .btn-success + .btn-primary + .btn-warning {
  background-color: #eeeded !important;
  color: #464646;
  border: 0; }

/* MT#0150469: 3 changes on event pop up */
div#showModalDialogDiv {
  height: 650px !important; }

#Add_To_Cart_DIV input {
  background-color: #050a2d !important; }

/* .ui-dialog-titlebar + #showModalDialogDiv {
    height: 650px !important;
} */
/* End */
#resDetailRowTotal0_0 {
  /*   color: white !important; */ }

.GuestItemLabel div span {
  /* 	color: white !important; */ }

#resDetailRowTotalContainer0_0 > span {
  /*   color: white !important; */ }

.epReservationListButton {
  background: none repeat scroll 0 0 #b0b0b0 !important;
  border: medium none !important;
  border-radius: 5px !important;
  box-shadow: 0 0 2px #ffffff, 0 0 1px #000000 inset !important;
  color: #000000 !important;
  font-family: "Montserrat", sans-serif;
  font-size: 12px !important;
  font-weight: bold !important;
  padding: 4px 12px !important;
  text-align: center !important;
  text-decoration: none !important; }

.popoverContainerItemSummary {
  padding: 8px 8px 8px 8px !important;
  width: 282px !important;
  margin: 5px 0px 0px -250px !important;
  background: black !important;
  height: auto !important;
  background-repeat: no-repeat !important; }

.popover.popoverItemSummary {
  background-color: #000 !important;
  box-shadow: none; }

.homeHeading {
  color: #000;
  font-size: 20px !important;
  font-weight: bold;
  height: 30px !important;
  list-style-type: none;
  margin: 0 auto 30px;
  padding: 7px 10px 0 !important;
  position: relative; }

.reservationStatus {
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-weight: bold; }

.seatingTimeBg {
  height: 45px;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 3px;
  position: relative;
  background: #050a2d;
  color: #ffffff; }

.selectSeating textinput {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  height: 30px;
  outline: medium none;
  padding: 5px;
  width: 100%; }

#menu_wrap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0 10px 0 0;
  position: relative;
  list-style: none; }

.adultsSpan {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.fontClass {
  font-family: "Montserrat", sans-serif;
  font-size: 14px; }

.dropdownHeadCountItems {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  font-size: 12px;
  font-family: "Montserrat", 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-size: 12px;
  font-family: "Montserrat", 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-size: 12px !important;
  font-family: "Montserrat", sans-serif;
  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;
  box-shadow: 0 0 2px #888888;
  color: #000000;
  float: left;
  outline: medium none;
  padding: 5px 0 0 10px;
  background-image: none; }

#childrenSpan {
  font-size: 14px;
  font-family: "Montserrat", sans-serif; }

.agree {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: normal !important;
  text-transform: capitalize;
  line-height: 22px; }

.agree a {
  background-color: #ddddd2;
  border-radius: 4px;
  color: #000000;
  padding: 5px 10px; }

.available-label {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase; }

.availableSeats {
  background: none repeat scroll 0 0 #000;
  border: medium none;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 12px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff; }

.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: 28px !important;
  min-height: 25px !important;
  margin-top: 0;
  text-align: left !important;
  padding-right: 16px;
  padding-left: 5px; }

.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: 0 none !important;
  /* color: #fff; */
  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-family: "Montserrat", sans-serif;
  font-size: 14px;
  text-transform: uppercase; }

.availableTotals {
  background: none repeat scroll 0 0 #ffffff;
  color: #4a4a4a;
  border: 1px solid #828282; }

.buttonEM {
  background: #060c38 !important;
  box-shadow: 0 0 2px #ffffff, 0 0 1px #000000 inset;
  color: #fff !important;
  cursor: pointer !important;
  font-weight: lighter;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 12px !important; }

.buttonEM:hover {
  background-color: #000 !important; }

.button {
  background: none repeat scroll 0 0 #b9bfbf !important;
  border: medium none;
  color: #000000 !important;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none; }

.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-size: 12px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
  background-image: none !important; }

.reservationsHeadings {
  background: none !important;
  color: #000000 !important;
  border: 0px;
  text-align: center; }

.reservationsMainHeadings {
  background: none !important;
  color: #000;
  border: 0px;
  border-bottom: 1px solid #FF0000;
  text-align: center; }

.reservationsTotal {
  background: none !important;
  color: #000;
  border: 0px;
  border-bottom: 1px solid #FF0000;
  text-align: center; }

.reservationsHeadingsOptional {
  background-color: #f4f4f4 !important;
  color: #000;
  border: 0px;
  border-bottom: 0px solid #FF0000 !important;
  text-align: center; }

.additionalReservations {
  background-color: #eaecec;
  border: 1px solid #ffffff;
  margin-top: 10px;
  padding-bottom: 30px;
  text-align: center; }

.oddRow a {
  color: #b9bfbf; }

.reservationsHeadings .optionalitems {
  color: #000000;
  font-size: 12px;
  text-align: center; }

.reservationsHeadings .optionalitemsHeading {
  color: #000000;
  background-color: #f7f7f7;
  font-size: 12px;
  text-align: center; }

.headCountItemAmount {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-align: center !important; }

.headCountItemTotalAmount {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-align: center !important; }

.optionalItemsAmount {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-align: center !important; }

.optionalTotalItemsAmount {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-align: center !important; }

.totalAmount {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-align: center !important; }

.grandTotalAmount {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-align: center !important; }

.totalCount {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-align: center !important; }

.totalLabel {
  font-size: 14px;
  font-family: "Montserrat", sans-serif; }

#simplemodal-container {
  background-color: #ffffff;
  border: 3px solid #333467 !important;
  padding: 0 !important;
  top: 5% !important;
  width: 70% !important; }

#simplemodal-container a.modalCloseImg {
  background-color: red !important;
  background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
  background-position: -96px -128px !important;
  cursor: pointer !important;
  display: inline !important;
  height: 17px !important;
  padding: 1px !important;
  position: absolute !important;
  right: 5px !important;
  top: 7px !important;
  width: 17px !important;
  z-index: 99999 !important; }

.simplemodal-data {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%; }

.button, .form legend, .legend, .mini-menu {
  margin-top: 0px !important; }

#question-count-show {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: bold; }

.QusetionAnswers {
  background-color: #f7f7f7;
  border-radius: 5px;
  margin: 10px 8px;
  padding: 5px; }

.questionSpan {
  background: none !important;
  color: #585858 !important;
  font-family: "Montserrat", sans-serif;
  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: #000000;
  color: #fff; }

.cancelledRow {
  background-color: #c8c3c3;
  color: #000000; }

#itineraryList {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0 0 2px #888888;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  height: 30px;
  outline: medium none;
  padding: 5px;
  width: 235px;
  margin-top: 6px;
  background: none !important; }

/*** Reservation List CSS ***/
.tableHeader {
  background: #050a2d !important;
  border-right: 1px solid #ffffff;
  color: #ffffff !important;
  padding: 10px;
  text-transform: uppercase; }

.tableHeader a {
  color: #fff;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none; }

.tableHeader a:hover {
  color: #ccc;
  /* 	font-family: $default-font-family;
	font-size:12px; */ }

#sortTable23 .tableHeader a:hover {
  color: #ccc; }

.oddRow {
  border: none;
  font-family: "Montserrat", sans-serif;
  font-size: 14px !important;
  text-transform: uppercase; }

.UGuestStatusLabel {
  color: #b9bfbf;
  font-size: 16px !important;
  text-transform: uppercase !important; }

.evenRow {
  border: medium none;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  text-transform: uppercase; }

.subheading {
  text-transform: uppercase; }

.content {
  /*   text-transform: uppercase; */ }

.evenRow a {
  color: #b9bfbf; }

.boldWhite {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase; }

.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: #c8c3c3;
  color: #000000; }

.DGuestStatusLabel {
  /* Cancelled Status */
  color: #000; }

.reservationTimeHeading {
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif; }

.bookFor {
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif; }

.reservationDaysHeading {
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-decoration: underline; }

.reservationDaysOnHeading {
  font-size: 14px;
  font-family: "Montserrat", sans-serif; }

.reservationListLink, .addCommentsSpan {
  color: #919292;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: right;
  text-transform: uppercase; }

.guestTableHeadingSeparator {
  /*border-bottom: 1px solid #b9bfbf;*/ }

.ItemSelectionGuestHeading, .eventPortal_PopupHeading {
  background-color: #b9bfbf;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: bold;
  padding: 3px 12px;
  text-transform: capitalize; }

.ItemSelectionHeading {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 9px;
  padding-left: 12px;
  padding-top: 10px; }

.ItemSelectionLabel {
  color: #000;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  padding-bottom: 18px;
  padding-left: 10px; }

.ItemSelectionQTYField {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  width: 35px;
  text-align: right;
  padding: 0px 5px 0px 0px !important;
  height: 28px;
  /*padding-right: 12px !important;*/
  background: none !important; }

.GuestItemLabel {
  color: #202020;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-bottom: 0px !important;
  height: 20px;
  text-align: left; }

.GuestItemsDisplayTd:HOVER {
  text-decoration: underline; }

.ItemsHeader {
  cursor: pointer;
  text-decoration: underline; }

.ItemsHeader:HOVER {
  color: royalblue; }

.GuestRowSeparator {
  border-bottom: dotted 1px;
  border-bottom-color: #fff;
  color: #000000 !important; }

.DeleteReservationRow {
  background-color: #776364;
  color: #000; }

.CustomCheckBox {
  background: transparent url("../images/checkbox_unchecked.gif"); }

.MandatorySign {
  color: red; }

.searialNumberTD {
  text-align: left !important;
  padding-left: 10px; }

.addNewRow {
  position: absolute;
  margin-left: -25px;
  background: transparent url("../images/plus.png") no-repeat;
  padding-left: 25px; }

.eventReservationFont {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: uppercase; }

.eventReservationFontBold {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  margin-right: 5px;
  text-transform: capitalize; }

.errorTextBox {
  border: 1px red solid !important; }

.errorMessage {
  color: red; }

.eventportal_CommentsTextBox {
  width: 153px; }

.eventPortal_reservationHeadingsTH {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  /* text-align: left; */
  text-transform: uppercase;
  padding: 10px 0;
  letter-spacing: 1px; }

.eventPortal_memberHeading {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: left !important;
  text-transform: uppercase; }

.multiSelectOptions LABEL {
  display: block;
  padding: 2px 5px;
  color: #000 !important; }

.eventPortal_applybutton, .eventPortal_quetionFinishbutton, .eventPortal_quetionUpdatebutton, .eventPortal_waiverFinishbutton,
.newGuestButtonOk {
  background-color: #797a7a !important;
  border: medium none !important;
  color: white !important; }

.eventPortal_cancelbutton, .eventPortal_quetionClosebutton, .eventPortal_waiverClosebutton, .newGuestButtonCancel {
  background-color: red !important;
  border: medium none !important;
  color: white !important;
  font-family: "Montserrat", sans-serif; }

.eventPortal_itemsPopupButtons, .eventPortal_questionsPopupButtons {
  padding-bottom: 20px;
  margin-left: 10px;
  margin-top: 5px; }

.eventPortal_waiverCountShow {
  float: right;
  margin-right: 35px; }

.eventPortal_waiverTitle {
  float: left;
  text-decoration: underline; }

.eventPortal_questionContent {
  border: 1px solid #808080;
  height: 350px;
  overflow-y: auto !important;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px; }

.eventPortal_reservationSchedule {
  padding: 5px; }

.eventPortal_seatingId {
  height: 18px; }

#reservationSchedule.multiSelect {
  padding: 5px; }

.eventPortal_Button {
  background-color: #050a2d !important;
  border: medium none !important;
  border-radius: 0 !important;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  line-height: 1.42857;
  margin-bottom: 0;
  /*   padding: 3px 9px; */
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 12px !important; }

.eventPortal_createReservationButton {
  background: #050a2d !important;
  box-shadow: 0px 0px 2px #FFF, 0px 0px 1px #000 inset;
  color: #fff !important; }

input.multiSelect {
  color: #000;
  font-weight: normal;
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-family: "Montserrat", sans-serif; }

#eventportal_typeTD input.multiSelect {
  background-color: #fff !important;
  color: #000; }

#eventportal_typeTD input.multiSelect:hover {
  background-color: #fff !important; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  /*   box-shadow: 0 0 5px #ccc inset !important;
  font-family: $default-font-family;
  font-size: 14px !important;
  height: 35px !important;
  text-transform: uppercase !important;
  width: 250px !important;
  letter-spacing:1px; */ }

input.multiSelect:hover {
  border: medium none !important;
  box-shadow: none !important; }

input.button:hover {
  background-color: #000 !important;
  color: #fff !important; }

.ui-menu .ui-menu-item a {
  color: #000 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important; }

.button.eventPortal_Button.epCloseButton {
  background-color: #a70e08 !important;
  color: #fff !important;
  padding: 5px; }

input#reservationsList {
  padding: 5px; }

#dAddNewGuestSpan0_1 span {
  color: #000;
  padding-left: 3px; }

#NewStyle #sortTable23 .oddRow {
  border: 1px solid #eee;
  padding: 3px; }

.MESSAGE {
  font-size: 13px !important;
  font-style: normal !important; }

div#existingReservationAlert {
  height: auto !important;
  max-width: 450px;
  width: auto; }

.eventPortal_Button:hover {
  background-color: #000 !important; }

.button.eventPortal_Button.epCloseButton:hover {
  background-color: #000 !important; }

input.btn.btn-info.epReservationListButton, input.button.textfieldsbt2 {
  background-color: #000 !important;
  border-radius: 0 !important;
  color: #fff !important;
  cursor: pointer !important;
  height: 30px; }

input.btn.btn-info.epReservationListButton, input.button.textfieldsbt2 {
  height: auto !important;
  max-height: 30px; }

#memberRuleMessage {
  font-family: "Montserrat", sans-serif; }

#waiverDIV img {
  box-shadow: 0 0 0 !important;
  margin-bottom: 0 !important; }

.eventContent {
  font-family: "Montserrat", sans-serif;
  font-size: 14px !important;
  letter-spacing: normal !important;
  line-height: 22px !important; }

.eventContent > a {
  color: #a70e08 !important; }

.eventDate {
  font-size: 14px !important;
  line-height: 22px !important; }

.devicewidthinner td {
  font-family: "Montserrat", sans-serif;
  font-size: 14px !important;
  line-height: 22px !important; }

.reservationsHeadings th {
  background-color: #060c38;
  padding: 5px 0px 5px 4px; }

a:hover {
  color: #a70e08;
  text-decoration: underline; }

div#memberRuleDiv {
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
  height: 150px;
  left: 50%;
  letter-spacing: 0;
  padding: 5px;
  position: fixed;
  transform: translate(-50%, -50%);
  width: 380px;
  z-index: 10003; }

#overRideBtNo {
  background-color: #a70e08 !important;
  background-image: none !important;
  color: #fff !important; }

#overRideBtYes {
  background-color: #5B5652 !important;
  color: #fff !important; }

#memberRuleDiv #messageType {
  background-color: black;
  color: #fff;
  margin-bottom: 5px;
  text-align: center; }

div#buttonsDIV {
  margin-right: 5px; }

/* ----------- start 200px to 767px ----------- */
@media screen and (min-width: 200px) and (max-width: 767px) {
  div#seatingAndReservationDetailDIV {
    margin: 10px !important; }
  #closeBtnDIV input#closeBtnInput {
    width: 100% !important;
    margin-right: 5px; }
  #seatingAndReservationDetailDIV .seatingTimeBg {
    max-width: 95%; }
  div#addNewGuestNamePopup, div#confirmationAlert {
    width: 350px !important; }
  .popoverContainerHeadCountItemOnTotal {
    width: 250px !important;
    left: 0;
    right: 0;
    margin: 0 auto !important; } }

/* ----------- end 200px to 767px ----------- */
#addNewGuestNamePopup input#newGuestButtonCancel {
  margin-top: 10px; }

#eventReservationQuestionForm .wizard.vertical > .actions {
  margin-top: 5px !important; }

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
  background: #a70e08; }

.itemSelectionDIV {
  height: auto !important; }

/* MT#0148098: Issues on Event Reservation screen on Sun City Lincoln Hills - UI End */
div#showModalDialogDiv {
  height: 650px !important; }

input#Add_To_Cart, input#createButton, input#addToWaitListButton, input#reservationsList, input#closeButton {
  padding: 6px 12px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important; }

td.commentsCol > input[type="text"]:only-child {
  color: #000;
  min-height: 28px !important;
  width: 98%;
  margin: 0; }

input.btn-primary[value="Buy Tickets"], input.btn-warning[value="Close"] {
  margin: 0px !important; }

#simplemodal-container a.modalCloseImg[title="Close"] {
  margin: 0px 5px 0px 0px !important;
  padding: 9px 8px !important; }

div#simplemodal-container {
  max-width: 350px !important; }

div#simplemodal-container input.buttonEM {
  border: none !important;
  border-radius: 3px !important;
  font-weight: 100 !important; }

div#simplemodal-container input.quickPickButtonCancel {
  background-color: #f0ad4e !important; }

div#simplemodal-container input.quickPickButtonOK {
  background-color: #151414 !important; }

div#confirmationAlert input.buttonEM {
  border: none !important;
  border-radius: 3px !important;
  font-weight: 100 !important; }

div#confirmationAlert input.ButtonEM[value="Confirm"] {
  background-color: #f0ad4e !important; }

div#confirmationAlert input.ButtonEM[value="Cancel"] {
  background-color: #151414 !important; }

button.ui-dialog-titlebar-close > span.ui-icon-closethick {
  padding: 0px !important;
  margin: -12px 0px 0px -8px !important; }

/* .ui-widget-header > .ui-dialog-title {
  color: #000 !important;
  font-size: 14px !important;
  letter-spacing: 1px;
  font-weight: lighter;
} */
td.MESSAGE {
  display: block;
  margin: 0px auto !important;
  background-color: #dffec0;
  width: 98% !important;
  border-radius: 4px;
  border: 1px solid #c2e2a3;
  background-position-x: 6px;
  background-position-y: 7px;
  padding: 5px 0px 1px 30px !important; }

div#confirmationAlert {
  height: auto;
  width: auto;
  max-width: 350px; }

.smartphoneColWidth2 input.ysearchinput[type="text"] {
  width: 100% !important; }

/* Shopping Cart Payment */
span.shop-spinner > input:first-child {
  width: 100% !important;
  float: left;
  margin: 0px 0 0px 0px !important;
  padding: 7px 20px !important; }

span.shop-spinner {
  display: inline-block !important; }

span.shop-spinner > a.ui-button-text-only {
  margin: 0px 0 25px 0px !important;
  padding: 0px !important;
  position: absolute; }

/* span.shop-spinner > a.ui-button-text-only > span > span {
  top: 0 !important;
} */
span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) {
  top: 16px !important;
  padding: 0px !important; }

span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) > span {
  margin: -5px 0px 0px -1px !important;
  position: relative; }

label.ui-selectonemenu-label {
  display: block !important;
  margin: 0px !important;
  /* padding: 0; */ }

.shop-desc-dialog .ui-dialog-content > .shop-box {
  width: 100% !important; }

.shop-desc-dialog .ui-dialog-content > .shop-box img.cart-image {
  max-width: 300px;
  height: auto !important;
  width: 100%;
  margin: 0px 0px 5px; }

@media screen and (max-width: 500px) {
  div#Add_To_Cart_DIV, input#Add_To_Cart, div#Update_To_Cart_DIV, input#Update_To_Cart, div#createButtonDIV, input#createButton, div#buttonsDIV, input#checkOUtButton {
    width: 100%;
    min-width: 100%;
    margin-bottom: 2px !important; }
  input#closeButton {
    width: 100%; }
  div#buttonsDIV {
    float: none !important;
    padding: 0px !important; } }

th {
  text-align: center !important; }

.guest-remove-btn {
  padding-bottom: 10px; }

.guest-instruction {
  margin-bottom: 20px; }

.guest-captcha-refresh {
  color: red;
  font-size: 18px; }

.guest-captcha {
  color: #666666;
  border: 2px solid;
  border-color: #383d60;
  background-color: #f1331e;
  margin-right: 5px;
  padding-left: 25px;
  padding-right: 25px; }

@media screen and (min-width: 1200px) {
  .guestRegistration-portlet .gr-signin-section {
    margin-top: 84px; } }

.guestRegistration-portlet .gr-signin-section .login-card {
  background: transparent;
  border: 1px solid #e2e2e2;
  padding: 30px;
  border-radius: 5px; }

@media (min-width: 641px) and (max-width: 980px) {
  .guest-grid .guest-col {
    width: 37%; }
  .guest-fluid .ui-inputfield, .guest-fluid .ui-selectonemenu {
    width: 95%; } }

@media (max-width: 640px) {
  .guest-grid .ui-inputfield {
    width: 100%; }
  .guest-fluid .ui-grid-row {
    border-top: 0px !important; } }

.guest-registration input {
  margin-bottom: 10px !important; }

.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; }

.cross {
  color: #ffffff !important; }

.MakePayment-portlet .pmnt-main-div .label-info {
  padding: 7px; }

/* 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 #060c38 !important; }

tr.mp-disabled-row td {
  background-color: gainsboro !important;
  color: #566573; }

.pmnt-create-ach-error {
  margin-top: 10px !important; }

@media (max-width: 640px) {
  .add-tab-view li {
    width: 100%; } }

@media (max-width: 400px) {
  .add-icon {
    display: none; } }

.add-grid {
  border: 1px solid #E7E7ED;
  margin: 10px 0 30px !important; }

span.add-email {
  word-break: break-all; }

@CHARSET "ISO-8859-1";
#ui-area .campaignCategory-portlet .ui-datagrid-header {
  padding: 10px 0; }

div.campaign-data-table-emails > div {
  float: left !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: 20px !important; } }

.memberCommittees-portlet .ui-widget-content .ui-panel-content .table-striped .ui-datatable-tablewrapper .ui-expanded-row .expand-col {
  padding: 0; }

table.interest-view-box {
  width: 100%; }

.interest-view-box {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

#ui-area .MemberInterests-portlet .ui-datagrid-header {
  padding: 10px 0; }

.MemberInterests-portlet button.ui-datepicker-trigger.ui-button {
  margin-bottom: 0 !important; }

.MemberInterests-portlet button.ui-datepicker-trigger.ui-button {
  margin-top: -2px !important; }

@media screen and (min-width: 200px) and (max-width: 767px) {
  .MemberInterests-portlet .ui-calendar input {
    padding-top: 3px;
    padding-bottom: 3px; } }

.interest-view-box-without-value {
  height: 75px; }

/* MT#0183501: Need option on interest to create a interest type (text box) instead of text field. */
.MemberInterests-portlet .interest-inputtextarea-field {
  width: 300px !important;
  border-radius: 5px !important;
  padding: 5px !important;
  border: 1px solid #d7cdcd !important; }

/* MT#0226913 */
.MemberProfile-portlet .mp-image-style {
  text-align: center !important; }
  .MemberProfile-portlet .mp-image-style > span {
    background: #eaecec;
    display: block; }

.MemberProfile-portlet .mp-label-status {
  display: inline-block !important; }

.MemberProfile-portlet .mp-label-status i {
  display: inline-block !important; }

.MemberProfile-portlet .mp-update-delete-popup .ui-confirm-dialog-severity {
  position: absolute !important; }

.MemberProfile-portlet .ui-confirm-dialog .ui-dialog-content .upload-image .ui-state-default {
  color: #000;
  padding: 0; }

@media (min-width: 980px) {
  .mp-grid-col button.ui-datepicker-trigger.ui-button {
    top: 0px !important;
    margin-bottom: 0px !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .date-of-birth .ui-datepicker-trigger {
    margin-top: 0px !important; } }

@media screen and (min-width: 220px) and (max-width: 767px) {
  .ui-confirm-dialog .ui-widget-content + .ui-dialog-footer .ui-confirmdialog-yes {
    margin-bottom: 5px; } }

/* CALENDAR STYLE  */
#ui-datepicker-div .ui-datepicker-header {
  background: #060c38 !important; }

#ui-datepicker-div .ui-state-active {
  background: #060c38 !important;
  color: #ffffff !important; }

#ui-datepicker-div .ui-state-default {
  border: 1px solid #cccccc;
  color: #666666;
  font-weight: bold;
  text-align: center; }

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  border: 1px solid #ccc !important;
  background: #060c38 !important;
  color: #fff !important; }

div.mp-upload-image table.ui-fileupload-files {
  margin: 0px !important; }

.MemberProfile-portlet .ui-grid-responsive {
  margin-top: 0; }

.mp-trash {
  color: #f1331e !important; }

.mp-upload {
  color: #060c38 !important; }

.mp-grid {
  text-align: left; }

.mp-grid-col i {
  display: none; }

.mp-picture-image {
  padding: .25em;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  margin-bottom: 5px;
  width: 180px;
  margin-top: 8px; }

#ui-area .mp-dn-heading {
  font-size: 24px !important;
  background: none !important;
  margin-bottom: 10px !important;
  line-height: normal !important;
  padding: 0 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important; }

.mp-header {
  background-color: transparent !important;
  color: #000000 !important;
  padding: 12px 0px !important;
  text-align: left;
  font-size: 26px;
  font-weight: normal;
  text-align: left !important; }

.col-head {
  width: 33.33333% !important; }

.vmi-grid, .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 #E7E7ED !important;
  border-radius: 0.25rem !important; }

.mp-view-button {
  margin-bottom: 10px; }

.mp-upload-delete {
  font-size: 18px; }

span.pm-secondary {
  word-break: break-all; }

i.mp-upload {
  margin-right: 20px; }

.mp-upload + a {
  margin-left: 10px; }

.ui-datagrid-content-empty {
  color: #666666;
  background-color: #040827 !important;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

@media screen and (min-width: 220px) and (max-width: 1199px) {
  #ui-area .MemberProfile-portlet mp-image-style {
    margin-right: 10px;
    margin-bottom: 10px; }
  #ui-area .MemberProfile-portlet .mp-dn-heading {
    text-align: center !important;
    display: block !important; }
  #ui-area .MemberProfile-portlet .mp-email {
    font-size: 15px;
    word-break: break-all;
    text-align: center !important;
    display: block; } }

@media screen and (min-width: 768px) and (max-width: 980px) {
  .mp-picture-image {
    width: 150px !important; } }

@media screen and (min-width: 641px) and (max-width: 1199px) {
  .MemberProfile-portlet .mp-grid-col {
    width: 100%; } }

@media (max-width: 640px) {
  #ui-area .MemberProfile-portlet .mp-picture-image {
    margin-bottom: 0px;
    margin-top: 0px; }
  #ui-area .MemberProfile-portlet .mp-grid-col {
    padding: 0px !important; } }

/* MT#0183641: Start */
.mp-avatar {
  position: relative;
  max-width: 205px;
  margin: 0px auto; }
  .mp-avatar .mp-avatar-preview {
    min-width: 192px;
    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);
    object-fit: cover; }
    .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: 80px;
    left: -10px;
    z-index: 1;
    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-avatar .mp-avatar-upload:hover {
      background: #f1f1f1;
      border-color: #d6d6d6; }
    .mp-avatar .mp-avatar-upload a {
      width: 100%;
      height: 100%;
      margin-top: 8px;
      color: #757575 !important;
      display: inline-block; }
  .mp-avatar .mp-avatar-delete {
    position: absolute;
    top: 80px;
    right: -10px;
    z-index: 1;
    width: 35px;
    height: 35px;
    cursor: pointer;
    margin-bottom: 0;
    border-radius: 100%;
    background: #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-avatar .mp-avatar-delete:hover {
      background: #f1f1f1;
      border-color: #d6d6d6; }
    .mp-avatar .mp-avatar-delete a {
      width: 100%;
      height: 100%;
      margin-top: 8px;
      color: #757575 !important;
      display: inline-block; }

/* MT#0183641: End */
.MemberProfile-portlet .ui-state-default {
  margin-bottom: 0px; }

.add-dependent .ui-inputtext {
  margin-bottom: 15px !important; }

.add-dependent .ui-selectonemenu {
  margin: 0;
  margin-bottom: 15px; }

.mp-update-delete-popup {
  overflow: hidden !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .mp-update-delete-popup .ui-confirm-dialog-severity {
      display: block !important;
      text-align: center;
      margin: 0 auto !important; } }
  @media (min-width: 300px) and (max-width: 767px) {
    .mp-update-delete-popup .ui-confirm-dialog-message {
      text-align: center;
      line-height: 25px !important; } }

.ui-confirm-dialog.delete-popup-scroll {
  overflow: hidden !important; }

@media screen and (max-width: 40em) {
  .ui-fileupload-buttonbar .ui-button .ui-button-text {
    display: block !important; } }

/* MT#0205835: Add new CSS in The Conduit Theme */
.mr-res-wait-status-responsive {
  display: none; }

@media (max-width: 800px) {
  .mr-res-wait-status-responsive {
    display: inline !important; } }

.MemberReservations-portlet .mr-toggler {
  padding: 0px !important; }

.MemberReservations-portlet .mr-detail-heading {
  color: #060c38; }

.MemberReservations-portlet .mr-datatable tr td {
  width: 100%; }

.MemberReservations-portlet .mr-datatable thead {
  display: none; }

.MemberReservations-portlet .mr-header {
  width: 100% !important;
  font-weight: 800; }

.MemberReservations-portlet .mr-tee-time {
  background-color: yellowgreen !important; }

.MemberReservations-portlet .mr-activity {
  background-color: antiquewhite !important; }

.MemberReservations-portlet .mr-room {
  background-color: cornsilk !important; }

.MemberReservations-portlet .mr-spa {
  background-color: palegoldenrod !important; }

.MemberReservations-portlet .mr-dining {
  background-color: whitesmoke !important; }

.MemberReservations-portlet .mr-event {
  background-color: yellow !important; }

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

.MemberReservations-portlet .mr-datatable .ui-expanded-row-content td {
  background-color: transparent; }

.MemberReservations-portlet .mr-datatable .mr-trash-summ {
  color: orangered;
  font-size: 1.5em; }

.MemberReservations-portlet .mr-tree .ui-tree-toggler {
  display: none; }

.MemberReservations-portlet .mr-res-wait-status-responsive {
  display: none; }

@media (max-width: 640px) {
  .MemberReservations-portlet .mr-panelGrid .ui-grid-row {
    border: 0px !important; }
  .MemberReservations-portlet .mr-toggler {
    width: 29px !important; }
  .MemberReservations-portlet .mr-datatable .mr-trash {
    font-size: 1.5em; } }

@media (min-width: 641px) {
  .MemberReservations-portlet .mr-toggler {
    width: 23px !important; }
  .MemberReservations-portlet .mr-datatable .mr-trash {
    font-size: 1.25em; } }

@media (max-width: 740px) {
  .MemberReservations-portlet .mr-pref-color-picker span.ui-button-text.ui-c {
    font-size: 16px; } }

.MemberReservations-portlet .mr-pref-color-grid {
  margin-top: 30px; }

.mr-text-decoration > a {
  text-decoration: none !important; }

.res-schedule-dates-info-container img {
  vertical-align: sub;
  padding-left: 5px;
  width: 18px;
  height: 18px; }

.mrs-schedule-date-past {
  background-color: red; }

.member-upload-vacc-certificate-link {
  color: #060c38;
  text-decoration: underline;
  cursor: pointer; }

.mem-vacc-status-view {
  width: 22px;
  height: 22px !important;
  cursor: pointer; }

.picture-image {
  padding: .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 #E7E7ED !important;
  border-radius: 0.25rem !important;
  width: 100%;
  text-align: center; }

.nm-left-box {
  width: 40%; }

.nm-right-box {
  width: 60%; }

.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; } }

/* ----------- paginator classes  ----------- */
.NewMembers-portlet span.ui-paginator-next.ui-state-default.ui-corner-all {
  background-color: #37333d !important;
  color: #fff !important;
  box-shadow: none !important; }

.NewMembers-portlet span.ui-paginator-last.ui-state-default.ui-corner-all {
  background-color: #37333d !important;
  color: #fff !important;
  box-shadow: none !important; }

.NewMembers-portlet span.ui-paginator-first.ui-state-default.ui-corner-all {
  background-color: #37333d !important;
  color: #fff !important;
  box-shadow: none !important; }

.NewMembers-portlet span.ui-paginator-prev.ui-state-default.ui-corner-all {
  background-color: #37333d !important;
  color: #fff !important;
  box-shadow: none !important; }

.NewMembers-portlet span.ui-paginator-page.ui-state-default.ui-corner-all {
  background-color: #37333d !important;
  color: #fff !important;
  box-shadow: none !important; }

/*.NewMembers-portlet .ui-paginator-bottom.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
}*/
.NewMembers-portlet .ui-icon-seek-first {
  background-position: -80px -158px; }

.NewMembers-portlet .ui-icon-seek-prev {
  background-position: -48px -158px !important; }

.NewMembers-portlet .ui-icon-seek-next {
  background-position: -32px -158px !important; }

.NewMembers-portlet .ui-icon-seek-end {
  background-position: -64px -158px !important; }

.roster-resp-view-member-box-container .roster-res-simulator-img {
  position: absolute;
  right: 5px !important;
  top: 5px !important; }

.NewMembers-portlet span.ui-paginator-pages {
  padding-left: 0;
  padding-right: 0; }

/* ----------- end paginator classes  ----------- */
.pinch-datatable {
  margin-top: 10px; }

.pinch-dep-box {
  text-align: center; }

.pinch-revert-icon {
  color: darkorange; }

@media (max-width: 640px) {
  .pinch-revert-icon {
    display: none; } }

.poa-smart-tab {
  text-align: center;
  margin-bottom: 5px; }

.poa-backward-link span, .poa-forward-link span, .poa-backward-link a, .poa-forward-link a {
  background: rgba(162, 159, 159, 0.41) !important;
  margin-top: 6px !important;
  margin-bottom: 0px !important;
  margin-top: -10px !important; }

.poa-backward-link a, .poa-forward-link a {
  font-size: 32px !important;
  text-align: center;
  border-radius: 5px !important; }

.poa-backward-link a:focus, .poa-forward-link a:focus {
  outline: none !important; }

.poa-backward-link span {
  font-size: 32px !important;
  text-align: center;
  border-radius: 5px !important; }

.poa-forward-link span {
  font-size: 32px !important;
  text-align: center;
  border-radius: 5px !important; }

.poa-forward-link span, .poa-forward-link a {
  width: 16%;
  float: right;
  display: inline-block; }

.poa-backward-link span, .poa-backward-link a {
  width: 16%;
  float: left;
  display: inline-block; }

.poa-smart-tab-vw span, .poa-smart-tab-vw a {
  width: 50%; }

.poa-smart-tab-vw a.selected-tab {
  background-color: #1a4d69 !important;
  color: #fff !important; }

.poa-smart-tab-vw a {
  text-decoration: none !important; }

.poa-smart-tab-vw a {
  text-decoration: none;
  color: #666666;
  text-shadow: none;
  font-size: 14px !important;
  font-weight: normal;
  padding-top: 12px !important;
  padding-bottom: 15px !important;
  transition: .8s all ease; }

.poa-smart-tab-vw {
  width: 60% !important;
  max-height: 130px;
  overflow-y: hidden;
  overflow-x: scroll !important;
  list-style: none;
  padding: 0;
  text-align: center;
  border-radius: 5px; }

.poa-smart-vw-tab-label {
  display: inline-block !important;
  position: relative !important;
  width: 64% !important;
  background-size: contain;
  background-color: #d9d7d7;
  border-radius: 5px;
  overflow: hidden; }

.poaProperty-portlet .mp-header {
  background: #060c38 !important;
  padding: 10px !important; }

.poaProperty-portlet .poa-billing-address-div, .poaProperty-portlet .property-address-div {
  text-align: center !important; }

.data-border {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important; }

.poa-property-owners-detail {
  margin-bottom: 5px;
  margin-top: 5px; }

.poa-property-details {
  margin-right: 5px; }
  .poa-property-details .guest-fluid .ui-grid-responsive {
    margin-top: 0 !important; }

.poa-property-ownership-detail {
  margin-top: 5px; }

.poa-property-violation-div {
  display: inline-block;
  width: 250px;
  background: #060c38 !important;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 5px; }
  .poa-property-violation-div h1 {
    color: #fff !important; }

.poa-property-balance-div {
  display: inline-block;
  width: 250px;
  background: #f1331e !important;
  margin-right: 10px;
  margin-bottom: 20px;
  border: 1px solid #156090 !important;
  background: #186ba0 !important;
  color: #fff !important;
  padding: 5px; }
  .poa-property-balance-div h1 {
    color: #fff !important; }

.poa-property-heading h1 {
  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; } }

/* MT#0231506: Implement full length tab for Properties as well as POA account tab in My Account POA Portlets(Responsive View) */
.poa-property-lein-div {
  display: inline-block;
  width: 250px;
  background: #040827 !important;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 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 #E7E7ED !important;
  border-radius: 0.25rem !important;
  color: #ffffff !important; }

.st-bl-bar, .rec-pay-bar {
  background-color: #f1331e !important; }

.st-bl-bar span,
.rec-pay-bar span {
  color: #ffffff !important; }

.rc-grid {
  padding: 0px; }

.rc-grid {
  padding: 0; }

.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 {
  /* 	padding: 0px !important; */
  /* 	    margin: 0px ; */
  /* 	    zoom: 1; */
  display: none; }

.RecentCharges-portlet .ui-datatable-tablewrapper {
  overflow: hidden; }

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

.RecentCharges-portlet .ui-dialog-content .rc-icon {
  color: #ffffff !important;
  margin-top: 9px; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .info-bar-left {
    font-size: 13px; }
  .info-bar-right {
    font-size: 13px; }
  .rc-icon {
    margin-top: 3px; } }

.rooms-search-item .ui-selectonemenu, .rooms-search-item input {
  margin: 5px 0px; }

.ui-datepicker-title {
  color: #fff;
  padding: 3px 0; }

.rooms-search-item .ui-calendar {
  display: flex;
  max-width: 95% !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .rooms-search-item .ui-calendar {
      max-width: 100% !important; } }

.rooms-search-item .hasDatepicker {
  max-width: 100% !important;
  height: 34px !important; }

.rooms-search-item button.ui-datepicker-trigger.ui-button {
  height: 34px !important; }

.RoomsReservation-portlet button.ui-datepicker-trigger.ui-button {
  margin-bottom: 0px;
  margin-top: 5px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .RoomsReservation-portlet button.ui-datepicker-trigger.ui-button {
      margin-top: 5px !important; } }

.RoomsReservation-portlet .rooms-main-div h1 {
  color: #ffffff !important; }

.rooms-search-container .rooms-main-div {
  margin-top: 195px !important;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.8) !important;
  margin: 0;
  color: #ffffff;
  text-transform: none; }

.rooms-search-container {
  background-image: url(../images/club-images/rooms-reservation.png);
  background-repeat: no-repeat;
  padding: 10px;
  background-size: cover;
  background-position: center center; }

.rooms-verify-reservation-container textarea {
  margin-bottom: 10px !important; }

.room-img {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  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;
  border-color: rgba(0, 0, 0, 0.2); }

.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: #ffffff;
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  margin: auto auto 15px;
  padding: 25px; }

.room-chit-dotted-row {
  border-bottom: 1px dashed #666;
  padding: 5px 0; }

.room-right {
  float: right; }

/* 641px and above */
@media (min-width: 641px) {
  .rooms-dg .ui-grid-row .ui-datagrid-column:nth-child(n+2) {
    padding-left: 5px; }
  .room-search-pg .ui-grid-col-3:nth-child(n+2) {
    padding-left: 10px; }
  .room-description {
    height: 1.2em;
    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: 25px; } }

/* 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, .events-cal-link {
    width: 100%;
    box-sizing: border-box; }
  .rooms-main-div {
    margin-top: 0px !important; }
  button.ui-datepicker-trigger.ui-button {
    margin-top: 0px; } }

/* 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; }

span.spouse-name-panel * {
  display: inline-block;
  margin: 5px; }

.roster-search-item, .ui-grid-responsive {
  margin-bottom: 15px;
  margin-top: 0px !important; }

.roster-search-alphabets-container {
  text-align: center; }

.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 #E7E7ED !important;
  border-radius: 0.25rem !important;
  padding: 10px 5px;
  min-height: 200px; }

.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;
  color: #060c38; }

img.member-img {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  height: 75px;
  width: 75px;
  border-radius: 5px !important; }

.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%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.roster-search-item .ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.roster-search-alphabet-container {
  display: inline-block;
  line-height: 35px;
  margin: 0 0 5px 0;
  text-align: center; }

.roster-search-alphabet {
  display: block;
  height: 100%;
  padding: 3px 25px;
  background-color: #050a2d;
  color: #ffffff !important;
  transition: 0.5s ease all;
  height: 30px;
  line-height: 30px; }

.roster-search-alphabet:hover, .roster-search-alphabet-container .active {
  background-color: #383d60;
  text-decoration: none !important;
  color: #ffffff !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); }

.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: 32px;
    line-height: 2em; }
  .roster-btn-reset {
    height: 32px;
    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; }
  .MemberRoster-portlet .vmi-main-grid .ui-grid-col-6:first-child {
    border-right: 3px solid #fff; } }

/* 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: #ffffff;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  padding: 0.25em;
  width: 12em;
  box-sizing: border-box;
  margin-top: 8px; }

.roster-dependent-pic {
  height: 200px !important; }

.roster-item .ui-grid-row:nth-child(2n) {
  background-color: #ffffff; }

.roster-item-dependent .ui-grid-row:nth-child(2n+3) {
  background-color: #ffffff; }

.roster-basic-info .ui-grid-row:nth-child(2n) {
  background-color: #ffffff; }

.roster-item .ui-grid-row {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  line-height: 35px;
  padding-left: 5px; }

.roster-item-dependent .ui-grid-row {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  line-height: 35px;
  padding-left: 5px; }

.roster-basic-info .ui-grid-row {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  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: 0px;
  margin-top: -10px; }

.roster-export-link-container a {
  background-color: #050a2d;
  color: #ffffff;
  padding: 6px;
  border-radius: 3px;
  transition: 0.5s all ease; }
  @media (min-width: 300px) and (max-width: 767px) {
    .roster-export-link-container a {
      margin-bottom: 10px !important;
      display: block;
      text-align: center; } }

.roster-export-link-container a:hover, .roster-export-link-container a:focus {
  background-color: #040827;
  color: #ffffff;
  text-decoration: none !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; }

/* ----------- paginator classes  ----------- */
.MemberRoster-portlet span.ui-paginator-next.ui-state-default.ui-corner-all {
  background-color: #050a2d !important;
  color: #ffffff !important;
  box-shadow: none !important; }

.MemberRoster-portlet span.ui-paginator-last.ui-state-default.ui-corner-all {
  background-color: #050a2d !important;
  color: #ffffff !important;
  box-shadow: none !important; }

.MemberRoster-portlet span.ui-paginator-first.ui-state-default.ui-corner-all {
  background-color: #050a2d !important;
  color: #ffffff !important;
  box-shadow: none !important; }

.MemberRoster-portlet span.ui-paginator-prev.ui-state-default.ui-corner-all {
  background-color: #050a2d !important;
  color: #ffffff !important;
  box-shadow: none !important; }

.MemberRoster-portlet span.ui-paginator-page.ui-state-default.ui-corner-all {
  background-color: #383d60 !important;
  color: #ffffff !important;
  box-shadow: none !important; }

/*.MemberRoster-portlet .ui-paginator-bottom.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
}*/
.MemberRoster-portlet .ui-icon-seek-first {
  background-position: -80px -158px; }

.MemberRoster-portlet .ui-icon-seek-prev {
  background-position: -48px -158px !important; }

.MemberRoster-portlet .ui-icon-seek-next {
  background-position: -32px -158px !important; }

.MemberRoster-portlet .ui-icon-seek-end {
  background-position: -64px -158px !important; }

.roster-resp-view-member-box-container .roster-res-simulator-img {
  position: absolute;
  right: 5px !important;
  top: 5px !important; }

.MemberRoster-portlet span.ui-paginator-pages {
  padding-left: 0;
  padding-right: 0; }

/* ----------- end paginator classes  ----------- */
.MemberRoster-portlet span.ui-panel-title {
  color: #ffffff; }

.roster-search-alphabet-container .active {
  background: #007663; }

.roster-search-alphabet:hover {
  background: black; }

.roster-search-item, .ui-grid-responsive {
  margin-bottom: 15px;
  margin-top: 5px !important; }

.roster-search-alphabets-container {
  text-align: center; }

.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 #E7E7ED !important;
  border-radius: 0.25rem !important;
  padding: 10px 5px;
  min-height: 200px; }

.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 #E7E7ED !important;
  border-radius: 0.25rem !important;
  height: 75px;
  width: 75px;
  border-radius: 5px !important; }

.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%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.roster-search-item .ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.roster-search-alphabet-container {
  display: inline-block;
  line-height: 35px;
  margin: 0 0 5px 0;
  text-align: center; }

.roster-search-alphabet {
  display: block;
  height: 100%;
  padding: 5px;
  background-color: #050a2d;
  color: #ffffff !important;
  transition: 0.5s ease all;
  width: 40px !important;
  text-align: center !important; }

.roster-search-alphabet:hover {
  background-color: #666666;
  text-decoration: none !important; }

.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: 32px;
    line-height: 2em; }
  .roster-btn-reset {
    height: 32px;
    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: #ffffff;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35);
  padding: 0.25em;
  width: 12em;
  box-sizing: border-box;
  margin-top: 8px; }

.roster-dependent-pic {
  height: 200px !important; }

.roster-item .ui-grid-row:nth-child(2n) {
  background-color: #ffffff; }

.roster-item-dependent .ui-grid-row:nth-child(2n+3) {
  background-color: #ffffff; }

.roster-basic-info .ui-grid-row:nth-child(2n) {
  background-color: #ffffff; }

.roster-item .ui-grid-row {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  line-height: 35px;
  padding-left: 5px; }

.roster-item-dependent .ui-grid-row {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  line-height: 35px;
  padding-left: 5px; }

.roster-basic-info .ui-grid-row {
  border: 1px solid #E7E7ED !important;
  border-radius: 0.25rem !important;
  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: 0px;
  margin-top: -10px; }

.roster-export-link-container a {
  background-color: #050a2d;
  color: #ffffff;
  padding: 6px;
  border-radius: 3px;
  transition: 0.5s all ease; }

.roster-export-link-container a:hover {
  background-color: #040827;
  color: #ffffff;
  text-decoration: none !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; }

/* Advance UI */
/* Member Roaster  */
#ui-area {
  /* Member Roster Details */
  /*  .roster-profile-back-btn-container .roster-profile-back-btn i{
	display: none;
} */ }
  #ui-area .MemberRoster-portlet .ui-area-btn, #ui-area .MemberRoster-portlet .events-cal-link {
    box-shadow: none !important;
    padding: 5px 20px !important;
    font-size: 16px !important; }
  #ui-area .roster-search-alphabets-container, #ui-area .roster-search-alphabets-container + .ui-grid {
    background: #fff !important;
    margin: 0px !important; }
  #ui-area .roster-search-alphabets-container + .ui-grid {
    padding: 0px 10px 10px 10px;
    margin-bottom: 10px !important; }
  #ui-area .roster-search-item label {
    line-height: 19px !important;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important; }
  #ui-area .ui-state-highlight, #ui-area .ui-widget-content .ui-state-highlight, #ui-area .ui-widget-header .ui-state-highlight {
    background: #060c38 !important; }
  #ui-area .roster-row .vmi-grid-col .vmi-grid thead tr th {
    background: transparent !important;
    color: #333943 !important;
    font-size: 24px;
    text-align: left !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 300; }
  #ui-area .roster-profile-name h1 {
    margin: 0px;
    padding: 0px !important;
    line-height: normal !important;
    margin-bottom: 0px !important;
    text-align: left !important; }
  #ui-area .roster-profile-email a {
    font-weight: 300 !important;
    font-size: 16px; }
  #ui-area .roster-profile-pic {
    padding: 0px;
    width: 190px;
    height: 190px;
    border-radius: 50% !important;
    object-fit: cover; }
  #ui-area .roster-resp-view-member-box .member-img img {
    border-radius: 100% !important;
    width: 100px !important;
    height: 100px !important;
    background-image: url(../images/club-images/ajax-loader-small.gif) !important;
    background-repeat: no-repeat !important;
    object-fit: cover !important;
    padding: 0px !important;
    margin-bottom: 20px;
    background-position: center center !important; }
  #ui-area .roster-resp-view-member-box .roster-name {
    margin: 0px !important;
    line-height: normal; }
  #ui-area .roster-search-item .ui-autocomplete {
    position: relative !important; }
  #ui-area .roster-resp-view-member-box-container {
    min-height: 330px !important;
    background: #fff !important;
    border: 0px !important;
    border: 1px solid #eaeaea !important;
    margin: 5px;
    /* 	transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); 
	&:hover {
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
		-webkit-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02);
		cursor: pointer;
	}*/ }
    @media (min-width: 300px) and (max-width: 767px) {
      #ui-area .roster-resp-view-member-box-container {
        margin: 5px 0px !important; } }
  #ui-area .roster-resp-view-member-box-container .roster-member-name {
    color: #060c38;
    font-weight: 700; }
  #ui-area .roster-dg .ui-paginator-bottom {
    background: transparent !important;
    border: 0px !important; }
  #ui-area .roster-search-alphabets-container {
    text-align: center !important; }
  #ui-area span.roster-resp-home-phone:before {
    content: "\f015";
    font-family: FontAwesome;
    color: #060c38;
    padding-right: 5px; }
  #ui-area span.roster-resp-cell-phone:before {
    content: "\f095";
    font-family: FontAwesome;
    color: #060c38;
    padding-right: 5px; }
  #ui-area span.roster-resp-home-phone img, #ui-area span.roster-resp-cell-phone img {
    display: none; }
  #ui-area span.roster-resp-home-phone {
    font-size: 13px; }
  #ui-area .roster-profile-email a {
    color: #060c38 !important;
    font-weight: 700 !important; }
  #ui-area .roster-profile-email + table * {
    /* margin-top: 30px !important; */
    background: white;
    border: 0px !important;
    padding: 0; }
  #ui-area .roster-profile-email + table {
    margin-top: 20px !important; }
  #ui-area .vmi-grid-col .roster-item {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block; }
  #ui-area .vmi-grid-col .roster-item i {
    display: none; }
  #ui-area .vmi-grid-col .roster-item .vmi-grid .vmi-header {
    letter-spacing: .2px;
    text-transform: uppercase;
    font-size: 18px;
    color: #060c38 !important;
    font-weight: 900;
    font-family: "Montserrat", sans-serif; }
  #ui-area .roster-item table .vmi-odd-row {
    background: #f6f8f9 !important;
    border-bottom: 1px solid #d3d8e5;
    border-top: 1px solid #d3d8e5; }
  #ui-area .roster-item table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  #ui-area .roster-item-dependent {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block;
    border: 5px solid #fff; }
  #ui-area .roster-item-dependent table .vmi-odd-row {
    background: #fff !important;
    border: 0px; }
  #ui-area .roster-item-dependent table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  #ui-area .roster-profile-email a {
    color: #060c38 !important;
    font-weight: normal !important; }
  #ui-area .roster-profile-email + table * {
    background: white;
    border: 0px !important;
    padding: 0; }
  #ui-area .roster-profile-email + table {
    margin-top: 20px !important; }
  #ui-area .vmi-grid tr .vmi-even-col {
    font-weight: 700; }
  #ui-area .vmi-grid-col .roster-item {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block; }
  #ui-area .vmi-grid-col .roster-item i {
    display: none; }
  #ui-area .vmi-grid-col .roster-item .vmi-grid .vmi-header {
    letter-spacing: .2px;
    text-transform: uppercase;
    font-size: 14px;
    color: #060c38 !important;
    font-weight: 900;
    font-family: "Montserrat", sans-serif !important; }
  #ui-area .roster-item table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  #ui-area .roster-item-dependent {
    background: #fff !important;
    padding: 5px 10px 10px 10px;
    display: block;
    border: 5px solid #fff; }
  #ui-area .roster-item-dependent table .vmi-odd-row {
    background: #fff !important;
    border: 0px; }
  #ui-area .roster-item-dependent table .vmi-even-row {
    background: transparent !important;
    border: 0px; }
  #ui-area .roster-member-dependents .roster-profile-pic-container img {
    margin: auto;
    border-radius: 100% !important;
    width: 100px !important;
    height: 100px !important;
    background-image: url(../../../mac-new-theme/images/club-images/ajax-loader-small.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important; }
  #ui-area .roster-member-dependents .roster-profile-pic-container {
    border: 0px !important;
    margin: 10px 0px 20px; }
  #ui-area .roster-member-dependents .roster-row h2 {
    font-size: 24px !important;
    line-height: 30px !important;
    color: #333943;
    margin-top: 20px; }
  #ui-area .roster-member-dependents .roster-row {
    border-top: 1px solid #ebeae9;
    margin-top: 30px; }

#ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th {
  background: #060c38;
  color: #ffffff;
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th {
      font-size: 14px !important; } }

#ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td {
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td {
      font-size: 14px !important; } }
  #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name {
    font-size: 18px; }
    @media (min-width: 300px) and (max-width: 767px) {
      #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name {
        font-size: 14px !important; } }

#ui-area .eCommerce-portlet .g2g-btn i {
  display: block; }

#ui-area .eCommerce-portlet .grocery-2go .g2g-footer {
  border-top: 2px solid #060c38; }
  #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification {
    background: #060c38;
    font-size: 18px; }
    @media (min-width: 300px) and (max-width: 767px) {
      #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification {
        font-size: 14px !important; } }
  #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-grand-total span.g2g-grand-total-ammount {
    color: #666666 !important; }

#ui-area .eCommerce-portlet .grocery-2go a.g2g-proceed {
  background: #060c38 !important;
  color: #ffffff !important; }

#ui-area .eCommerce-portlet .g2g-category-items .ui-widget-header {
  color: #ffffff !important;
  background: #060c38 !important; }

#ui-area .eCommerce-portlet .g2g-min-max-qty-lbl {
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet .g2g-min-max-qty-lbl {
      font-size: 14px !important; } }

#ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon {
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon {
      font-size: 14px !important; } }

#ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel h3 {
  font-family: "Montserrat", sans-serif !important;
  background: #060c38 !important; }

#ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel .ui-accordion .ui-accordion-header.ui-state-active {
  background: #666666 !important; }

.shop-fluid input {
  margin-bottom: 10px !important; }

span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) {
  top: 18px !important; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .shop-box-items-grid {
    width: 96% !important; }
  .shop-search-button {
    padding: 10px 5% 10px 5% !important; }
  .shop-del-button {
    width: 100px !important; } }

@media screen and (max-width: 1199px) and (min-width: 250px) {
  .shop-box-items-grid {
    min-height: 410px !important; }
  .shop-show-name {
    font-size: 14px !important; }
  .shop-box-col {
    font-size: 12px !important; }
  .limited-stock {
    font-size: 11px !important; }
  .product-image {
    height: 230px !important;
    width: 190px !important; } }

.shop-product-price {
  color: #bf1f11;
  font-weight: bold; }

/* Cart */
.col-cart-right .ui-c {
  top: 50% !important; }

/* Related Items */
.shop-box-rel-items-grid td {
  text-align: center; }

.shop-carousel-items .ui-widget-header {
  background: #0271c9 !important; }

/* Product Details */
.product-image {
  border: 1px solid #cacaca !important;
  border-radius: 5px !important; }

.Product-rate {
  font-size: 30px;
  color: #bf1f11; }

/* Search */
.shop-search-input {
  margin: 0px !important; }

.shop-row ul li h3 {
  margin: 0px !important;
  line-height: normal;
  text-shadow: none !important;
  font-size: 18px !important;
  font-weight: 400; }

/* Featured Product*/
.shop-carousel-items .ui-widget-header {
  margin: 0px 10px !important; }

.ui-carousel-viewport ul {
  margin: 0px !important; }

.shop-show-name {
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  font-weight: bold !important; }

.shop-show-desc {
  font-size: 14px;
  color: #000; }

.shop-show-price {
  font-size: 20px;
  color: #bf1f11; }

.ui-carousel-item {
  padding: 10px 10px !important; }

/* Featured Product */
.ui-menu-list {
  margin: 0px !important; }

.ui-grid-responsive {
  background: transparent !important;
  margin-top: 0px; }

.shop-order-box td {
  padding: 0px; }

.limited-stock {
  color: red !important;
  font-size: 14px !important; }

.price-dollar {
  color: #bf1f11;
  font-weight: bold; }

.shop-previous-button {
  width: 100%;
  padding: 10px 0px;
  background: #000 !important;
  color: #fff !important;
  margin-top: 10px 0px; }

.shop-previous-button:hover {
  background: #c3c3c3 !important; }

.shop-box-col {
  font-size: 14px !important; }

.shop-order-grid {
  border-bottom: 1px dotted #afb1b1;
  margin: 10px 0px !important; }

.shop-row .ui-widget-header {
  background: #060c38 !important; }

.shop-row .ui-paginator-bottom {
  background: transparent !important; }

.shop-order-detail div {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 0px !important; }

.shop-your-order {
  font-size: 22px;
  line-height: 50px;
  margin: 0px 10px !important; }

.shop-box-feat-items-grid td {
  text-align: center; }

.shop-items {
  margin-left: 15px; }

.shop-all {
  display: none; }

.shop-menu-item {
  margin: 0px !important; }

.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 !important;
  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: .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-spinner .ui-spinner-input {
  width: 80%; }

.shop-percent {
  font-weight: 800 !important;
  color: orangered !important; }

.shop-cart-items-temp {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px; }

.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: 10px 6.5% 10px 6.5%;
  color: white !important;
  background-color: coral; }

.shop-order-image {
  height: 60px !important;
  object-fit: contain;
  border: 1px solid #c3c3c3 !important;
  border-radius: 5px !important;
  margin: 10px 0px;
  width: 60px; }

table.shop-order-grid {
  width: 100%; }

td.shop-order-im-col {
  width: 30%; }

td.shop-order-detail {
  text-align: left;
  padding: 0px 6px; }

/*.shop-del-button {
	float: left;
    margin-left: 30%;
    padding: 3px !important;
    font-size: 14px !important;
	margin-bottom: 10px;
}*/
.shop-order-grid {
  text-align: right; }
  .shop-order-grid .shop-del-button + hr {
    visibility: hidden; }

.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: 360px !important;
  padding: 6px;
  width: 90%; }

.shop-box-rel-items-grid {
  min-height: 330px !important;
  width: 100%; }

.shop-box-feat-items-grid {
  min-height: 335px !important;
  width: 100%; }

.shop-order-box {
  min-height: 380px !important; }

.shop-box-image {
  height: 175px !important;
  object-fit: contain; }

@media screen and (max-width: 1920px) and (min-width: 1200px) {
  .product-image {
    height: 400px !important; } }

.product-image {
  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: "Montserrat", sans-serif;
  color: #666666;
  font-weight: normal;
  font-size: 18px; }

.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; }

@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: .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;
    margin-left: 12%; } }

@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: 785px) {
  .shop-row .shop-search-input {
    margin-left: 12px; } }

@media (min-width: 641px) and (max-width: 1079px) {
  .shop-item-grid .ui-grid-col-2 {
    width: 30%; }
  .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#0275078: Category panel/Menu bar CSS related changes */
.shop-selected-sub-category {
  background: #060c38 !important; }

.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; }

.shop-no-order-box .shop-cart {
  display: block; }

.eCommerce-portlet .shop-add-update-button {
  font-size: 13px !important; }

.eCommerce-portlet .shop-spinner-image {
  max-width: 100px; }

.eCommerce-portlet span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) > span {
  margin: auto !important;
  position: initial !important; }

#ui-area .shop-grid-col-1 h3 {
  color: #ffffff !important;
  font-size: 18px !important;
  word-break: keep-all !important;
  line-height: normal !important; }

.StatementSettings-portlet .ms-grid .ui-widget-content .ui-g .ui-panelgrid-cell {
  padding: 0; }

.StatementSettings-portlet .ui-grid-responsive {
  margin-bottom: 0px; }

.StatementSettings-portlet .ui-selectmanycheckbox.ui-grid label, .ui-selectoneradio.ui-grid label {
  margin-left: 8px !important;
  /* vertical-align: middle; */
  margin-top: 2px; }

/*.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_228ef1_256x240.png) !important;
}*/
.stmt-grid {
  padding: 0px !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: #f1331e;
  font-weight: bold; }

.stmt-file-text-icon {
  color: #060c38 !important; }

/* Button */
/* 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: #050a2d !important;
  color: #ffffff !important;
  border-radius: 0px !important; }

.ui-selectonemenu-items .ui-state-highlight {
  border: 0px !important;
  background-image: none !important;
  background-color: #050a2d !important;
  color: #ffffff !important;
  border-radius: 0px !important; }

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
  -webkit-box-shadow: inset 0 0px 0px #8f8f8f !important;
  box-shadow: inset 0 0px 0px #8f8f8f !important;
  color: #666666; }

.ui-state-hover {
  -webkit-box-shadow: inset 0 0px 0px #8f8f8f !important;
  box-shadow: inset 0 0px 0px #8f8f8f !important; }

/* Chits Styles */
.ui-widget-content {
  border: 0px !important;
  background: #ffffff !important;
  color: #000000; }

.fa-print {
  color: #fff; }

.chit-times {
  color: #ffffff; }

.chit-print {
  color: #ffffff !important; }

.StatementSummary-portlet .ui-dialog-content .rc-icon {
  color: #ffffff !important;
  margin-top: 10px; }
  .StatementSummary-portlet .ui-dialog-content .rc-icon:hover {
    opacity: 0.9 !important; }
  .StatementSummary-portlet .ui-dialog-content .rc-icon .fa-times {
    color: #fff !important; }

/* End */
/* statement summary paginator classes */
.StatementSummary-portlet .ui-paginator-first {
  background-color: #37333d !important;
  box-shadow: none !important;
  color: #fff; }

.StatementSummary-portlet .ui-paginator-prev {
  background-color: #37333d !important;
  box-shadow: none !important;
  color: #fff; }

.StatementSummary-portlet .ui-paginator-next {
  background-color: #37333d !important;
  box-shadow: none !important;
  color: #fff; }

.StatementSummary-portlet .ui-paginator-page {
  background-color: #37333d !important;
  box-shadow: none !important;
  color: #fff; }

.StatementSummary-portlet .ui-paginator-last {
  background-color: #37333d !important;
  box-shadow: none !important;
  color: #fff; }

/*.StatementSummary-portlet .ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
}*/
.StatementSummary-portlet .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
  background-color: #fff !important; }

.StatementSummary-portlet span.ui-paginator-pages {
  padding-left: 0;
  padding-right: 0; }

.StatementSummary-portlet .ui-icon-seek-next {
  background-position: -32px -158px !important; }

.StatementSummary-portlet .ui-icon-seek-end {
  background-position: -64px -158px !important; }

.StatementSummary-portlet .ui-icon-seek-prev {
  background-position: -48px -158px !important; }

.StatementSummary-portlet .ui-icon-seek-first {
  background-position: -48px -158px !important; }

@media screen and (min-width: 220px) and (max-width: 767px) {
  .ui-grid-col-3.text-right.payment-button {
    width: 100%; }
  .ui-grid-col-9.statement-dates {
    width: 100%; }
  .ui-grid-col-8.statements-table {
    width: 100%; } }

/* end statement summary paginator classes */
.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; }

.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; }

/* 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; } }

/* 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 */
.activity-confirmation-container .ui-panel-titlebar {
  background: #060c38 !important;
  display: block;
  color: #fff !important; }

.activity-slots table th.header-col, .activity-slots table td.interval {
  z-index: 5 !important; }

.activity-slots table th.header-col.time {
  z-index: 10 !important; }

.activity-cancel-reservation-dialog textarea, .activity-cancel-reservation-dialog textarea.ui-state-hover, .activity-cancel-reservation-dialog textarea.ui-state-focus {
  color: #000 !important; }

.activities-portlet .activity-type-combo {
  padding: 0 !important;
  margin-top: 2px; }
  .activities-portlet .activity-type-combo label.ui-selectonemenu-label {
    padding: 7px 12px !important;
    height: 44px !important;
    display: block !important; }

.activities-portlet .player-info .ui-autocomplete {
  position: relative !important; }

.activities-portlet .ui-area-btn-primary {
  background-color: #060c38 !important; }

.activity-legends-dialog .cross {
  color: #ffffff !important;
  margin: 10px; }

.activities-portlet .container {
  width: 100%; }

.activity-waiver-dialog .ui-waiverdialog-finish {
  background-color: #060c38 !important;
  text-align: center; }

.activity-cancel-reservation-dialog ul {
  margin: 0px !important; }

.ui-datepicker {
  width: 16em !important; }

.activity-cancel-reservation-dialog textarea {
  margin-bottom: 10px;
  width: 100% !important;
  max-width: 600px; }

.ui-autocomplete-list {
  max-height: 300px; }

.footer-row td {
  background: #060c38 !important; }

.btn-update {
  background: #060c38 !important;
  text-align: center; }

.btn-cancel {
  background: #f1331e !important;
  text-align: center;
  color: #ffffff !important; }

.btn-save {
  background: #060c38 !important;
  text-align: center; }

.btn-back {
  background: #f1331e !important;
  text-align: center; }

.activities-portlet .activity-header {
  background-color: #ffffff;
  padding: 10px 10px;
  box-shadow: 0 0 10px #9e9e9e;
  margin: 0px 5px 10px 0px;
  border-radius: 5px;
  text-align: center; }

.activity-header .hasDatepicker {
  border: none !important; }

.activities-portlet .activity-header .ui-selectonemenu.ui-state-disabled {
  opacity: 1; }

.activities-portlet .activity-header .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger {
  display: none; }

.activities-portlet .date-picker {
  margin: 0;
  display: inline-block; }

.activities-portlet .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; }

.activities-portlet .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; }

.activities-portlet .btn-teesheet .tooltip {
  position: relative;
  display: block; }

.activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
  float: right;
  text-decoration: none !important;
  background-color: #060c38 !important; }

@media only screen and (min-width: 1025px) {
  .activities-portlet .btn-teesheet {
    text-align: right;
    display: inline-block;
    float: right; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    color: #ffffff !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; }
  .activities-portlet .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; }
  .activities-portlet span.current-time {
    float: right;
    border-radius: 20px;
    margin: 0px 10px;
    color: #040827;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    font-size: 15px;
    border: 1px solid #040827;
    text-shadow: none;
    text-align: center;
    background-color: #fff; }
  .activities-portlet .activity-cancel-reservation-dialog, .activities-portlet .activity-warning-dialog, .activities-portlet .activity-restriction-dialog {
    max-width: 40%;
    left: 30% !important; } }

@media only screen and (max-width: 320px) {
  .activities-portlet .sheet-switching-option {
    padding: 10px 0px !important; }
  .activities-portlet span.btn-reservation-sheet a {
    margin-bottom: 5px; }
  .activities-portlet span.btn-reservation-sheet a, .activities-portlet span.btn-trainer-sheet a {
    width: 90%;
    display: inline-block;
    padding: 5px 0px !important; } }

@media only screen and (max-width: 1025px) {
  .activities-portlet input[type='text'], .activities-portlet input[type='number'], textarea, select {
    font-size: 16px !important; }
  .activities-portlet .refresh-view a {
    margin-bottom: 5px; } }

/*For iPads Portrait*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .activities-portlet .btn-teesheet {
    text-align: right;
    display: inline-block;
    float: right;
    margin: 2px 0 0 0; }
  .activities-portlet span.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; }
  .activities-portlet .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; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    color: #fff !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 10px 10px; } }

/*For iPads Landscape*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .activities-portlet .btn-teesheet {
    text-align: right;
    display: inline-block;
    float: right; }
  .activities-portlet .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; }
  .activities-portlet span.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; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    color: #fff !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 10px 5px;
    width: auto; } }

/*For iPhone 5 and 5S Portrait*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
  .activities-portlet .activity-header .form-control {
    margin-bottom: 10px !important; }
  .activities-portlet .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; }
  .activities-portlet .btn-teesheet {
    text-align: center;
    width: 100%; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    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; } }

/*For iPhone 5 and 5S Landscape*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
  .activities-portlet .activity-header .form-control {
    margin-bottom: 10px !important; }
  .activities-portlet .btn-teesheet {
    text-align: right;
    display: inline-block;
    width: 45%;
    float: right; }
  .activities-portlet span.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; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    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; } }

/*Iphone 6 Portrait*/
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
  .activities-portlet .activity-header .form-control {
    margin-bottom: 10px !important; }
  .activities-portlet .activity-header .form-control {
    margin-bottom: 10px !important; }
  .activities-portlet .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; }
  .activities-portlet .btn-teesheet {
    text-align: right;
    width: 100%; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    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; } }

/*For iPhone 6 Landscape*/
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
  .activities-portlet .activity-header .form-control {
    margin-bottom: 10px !important; }
  .activities-portlet span.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%; }
  .activities-portlet .btn-teesheet {
    text-align: right;
    display: inline-block;
    width: 45%;
    float: right; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    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; } }

/*For iPhone 6 Plus Landscape*/
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  .activities-portlet .activity-header .form-control {
    margin-bottom: 10px !important; }
  .activities-portlet span.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; }
  .activities-portlet .btn-teesheet {
    text-align: right;
    display: inline-block;
    width: 50%;
    float: right; }
  .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend {
    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; } }

.activities-portlet .horizontal-date-picker-container {
  overflow: hidden; }

.activities-portlet .horizontal-dates {
  padding: 1px 0px;
  overflow: hidden !important;
  max-height: 150px !important; }

.activities-portlet .ui-select-activity-type .ui-selectonemenu {
  margin-top: 13px !important; }

.activities-portlet span.current-time .ui-clock {
  color: #040827 !important;
  background: none;
  border: none;
  font-size: 16px !important;
  font-weight: normal; }

.activities-portlet .legends-container {
  text-align: left; }

.activities-portlet .tooltip .btn-legend {
  text-decoration: none !important; }

.activities-portlet .activity-legends-dialog .legend div, .activities-portlet .activity-legends-dialog .legend img {
  width: 16px;
  height: 16px;
  margin-right: 5px; }

.activities-portlet .activity-legends-dialog .legend div {
  float: left; }

.activities-portlet .activity-legends-dialog .legend-box {
  border: 1px solid lightgray; }

.activities-portlet .btn-teesheet .tooltip {
  opacity: 1; }

.activity-slots td.interval {
  border-right: 1px solid #ddd !important; }

.activity-slots .interval {
  text-align: center !important;
  background-color: #383d60 !important;
  border-right: 1px solid #ddd !important;
  color: #fff !important; }

.activities-portlet tr.header-row th, .activities-portlet tr.footer-row td {
  background: 0;
  color: #fff !important;
  text-align: center !important;
  background-color: #060c38 important;
  text-shadow: none !important; }

.activities-portlet .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; }

.activities-portlet .activity-slots table th {
  border: 1px solid #7abee4 !important;
  z-index: 1;
  background: #060c38; }
  .activities-portlet .activity-slots table th span {
    font-weight: normal !important; }

.activities-portlet .activity-slots table, .activities-portlet .activity-slots table td {
  border: 1px solid #ddd !important;
  border-right: 1px solid #7abee4 !important; }

.activities-portlet .activity-slots table td:not(.interval) {
  border-bottom: 1px solid #7abee4 !important; }

.activities-portlet .activity-slots table td.slot {
  height: 100%;
  min-height: 1px;
  vertical-align: top !important; }

.activity-slots .slot > div,
.activity-slots .slot > div > span,
.activity-slots .slot > div > span > .res-container {
  position: relative;
  width: 100%;
  height: 100%; }

.activity-slots .slot:not(.event) > div {
  text-align: center; }

.activity-slots .slot.past-time {
  background-image: url("/northstar-primefaces-portlet/images/activities/icon-past-time.png"); }

.activity-slots .slot.rainout {
  background-image: url("/northstar-primefaces-portlet/images/activities/icon-rainout.png") !important; }

.activity-slots .slot.rainout.not-available {
  background-color: ghostwhite !important; }

.activity-slots .slot.not-available,
.activity-slots .slot.rule-restrict {
  background-image: url("/northstar-primefaces-portlet/images/activities/icon-not-available.png"); }

.activity-slots .slot.user-activity-block {
  background-color: #ddd !important; }

.activity-slots .slot.not-available > div,
.activity-slots .slot.rule-restrict > div,
.activity-slots .slot.not-available label,
.activity-slots .slot.rule-restrict label {
  color: #fff; }

.activity-slots .slot:not(.not-available):not(.rule-restrict) > div,
.activity-slots .slot:not(.not-available):not(.rule-restrict) label {
  color: #000; }

.activity-slots .slot.open:not(.selected):not(.past-time):not(.rainout):not(.not-available):hover {
  background-color: whitesmoke !important; }

.activity-slots .slot.open.selected {
  background-color: #7abee4 !important;
  border-bottom: 1px solid #7abee4 !important; }

.activities-portlet span.sel-slot-html {
  font-size: 10px;
  font-weight: bold;
  cursor: pointer; }

.activities-portlet .res-tip-container {
  min-width: 250px; }

.activities-portlet .res-tip-container .res-tip-heading {
  background-color: #1a4d69 !important;
  color: #fff !important;
  padding: 5px; }

.activities-portlet .res-tip-container .res-tip-body {
  border: 1px solid #1a4d69 !important;
  padding: 5px; }

.activities-portlet .label {
  display: inline !important;
  padding: .2em .6em .3em !important;
  font-size: 14px !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: .25em !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .activities-portlet .label {
      font-size: 14px !important; } }

.activities-portlet .font-bold {
  font-weight: bold; }

.activities-portlet .label-danger {
  background-color: #d9534f !important; }

.activities-portlet .form-group {
  margin-bottom: 15px !important; }

.activities-portlet .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: 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 .15s,-webkit-box-shadow ease-in-out .15s !important;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important; }

.activities-portlet .form-control input {
  width: 100% !important;
  margin: 0px !important; }

.activities-portlet .width-100-percent {
  width: 100% !important; }

.activities-portlet .margin-right-5px {
  margin: 5px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .activities-portlet .margin-right-5px {
      margin: 5px 0 5px 0 !important; } }

.activities-portlet .background-maroon {
  color: #fff !important;
  padding: 10px !important;
  background-color: #c30c06 !important;
  text-shadow: none !important;
  line-height: 30px; }

.activities-portlet .btn-extend-time {
  margin-left: 10px !important; }

.activities-portlet .input-group {
  width: 100%;
  display: table;
  position: relative;
  border-collapse: separate; }

.activities-portlet .input-group .form-control, .activities-portlet .input-group-addon, .activities-portlet .input-group-addon-with-link, .activities-portlet .input-group-btn {
  display: table-cell !important; }

.activities-portlet .input-group-addon, .activities-portlet .input-group-addon-with-link, .activities-portlet .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.activities-portlet .input-group-addon, .activities-portlet .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; }

.activities-portlet .input-group-addon, .activities-portlet .input-group-addon-with-link a, .activities-portlet .input-group-addon-with-link span {
  padding: 13px 15px; }

.activities-portlet .input-group-addon.disabled, .activities-portlet .input-group-addon-with-link.disabled {
  opacity: 0.5; }

.activities-portlet .input-group-addon:first-child, .activities-portlet .input-group-addon-with-link:first-child {
  border-right: 0; }

.activities-portlet .input-group-addon:last-child, .activities-portlet .input-group-addon-with-link:last-child {
  border-left: 0; }

.activities-portlet .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; }

.activities-portlet .panel-default {
  border-color: #ddd; }

/*.activities-portlet .radius-none {
    border-radius: 0 !important;
}*/
.activities-portlet .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.activities-portlet .panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd; }

#ui-area .activities-portlet h3.panel-title {
  margin-top: 0;
  margin-bottom: 0 !important;
  font-size: 16px;
  color: inherit; }

#ui-area .activities-portlet p {
  padding-bottom: 0 !important; }

.activities-portlet .panel-body {
  padding: 15px; }

.activities-portlet .clearfix {
  display: block; }

.activities-portlet .ui-state-default {
  -webkit-box-shadow: inset 0 0 0 #8f8f8f !important;
  box-shadow: inset 0 0 0 #8f8f8f !important; }

.activities-portlet .ui-selectonemenu .ui-selectonemenu-trigger,
.activities-portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  margin-top: 0px !important;
  padding: 0 8px; }

.activities-portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  border: none !important; }

.activities-portlet .ui-selectonemenu-panel .ui-selectonemenu-table td {
  padding: 0px !important; }

.activities-portlet .ui-selectonemenu-panel .ui-selectonemenu-table td div {
  padding: 4px 10px 4px 10px; }

.activities-portlet code.time {
  background: transparent;
  color: #fff;
  border: none; }

.activities-portlet .blink {
  animation: blinker 1s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0; } }

.activities-portlet .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.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-webkit-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

.activities-portlet .activity-players table thead {
  display: none !important; }

.activities-portlet .activity-players table .form-group {
  margin-bottom: 0px !important; }

.activity-players table .ui-column-title {
  display: none !important; }

.activities-portlet .activity-players, .activities-portlet .activity-players .ui-datatable-tablewrapper,
.activities-portlet .activity-players table, .activities-portlet .activity-players table tbody,
.activities-portlet .activity-players table tr, .activities-portlet .activity-players table td {
  border: 1px solid #fff !important;
  background: none !important; }

.activities-portlet .form-control input.ui-autocomplete-input {
  width: 100%;
  padding: 3px !important;
  margin: 0 !important; }

.activities-portlet .activity-waiver-dialog .btn-finish {
  min-width: 128px; }

.activities-portlet .activity-waiver-dialog.ui-widget-content {
  overflow-x: hidden !important;
  overflow-y: auto !important; }

@media only screen and (max-width: 600px) {
  .activities-portlet .activity-waiver-dialog.ui-widget-content {
    height: 480px !important; } }

.activities-portlet .waiver-scroll-panel {
  text-align: justify;
  padding: 10px; }

.activities-portlet .ui-chkbox .ui-state-error + .ui-chkbox-label {
  color: #cd0a0a; }

.activities-portlet .btn-reponsive a {
  text-decoration: none; }

@media only screen and (min-width: 640px) {
  .activities-portlet .activity-reservation-container .ui-grid-col-3,
  .activities-portlet .ui-grid-emergency-contact .ui-grid-col-3 {
    margin-right: 2%; } }

.activities-portlet .advance-booking-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.8; }

.activities-portlet .advance-booking-overlay-container {
  position: relative;
  top: 25%;
  color: #000;
  text-align: center; }

@media (min-width: 800px) {
  .activities-portlet .refresh-view-container {
    margin: 5px;
    padding: 0px 25%; } }

.activities-portlet .refresh-view {
  padding: 5px 10px !important;
  margin-bottom: 10px !important;
  font-weight: bold; }

.activities-portlet .refresh-view .message {
  padding: 5px;
  letter-spacing: 0.5px; }

.activities-portlet .sheet-messages-header ul li, .activities-portlet .sheet-messages-footer ul li {
  margin-left: 30px; }

.activities-portlet .activity-date-picker input {
  text-align: center;
  cursor: pointer !important; }

.activities-portlet .emergency-contact-available {
  color: green; }

.activities-portlet .emergency-contact-required {
  color: red; }

@media only screen and (min-width: 600px) {
  .activities-portlet .ui-grid-emergency-contact .ui-grid-col-4 {
    width: 30.33333%;
    margin-right: 3%; } }

.activities-portlet .ui-grid-emergency-contact .ui-outputlabel {
  font-size: 1em !important; }

.activities-portlet .ui-grid-emergency-contact .ui-inputfield {
  padding: 0px; }

.activities-portlet .ui-grid-emergency-contact .employer-autocomplete {
  padding: 2px !important; }

.activities-portlet .legend.legend-label {
  padding: 10px 10px;
  background: #060c38;
  color: #ffffff;
  margin-bottom: 10px; }

.activities-portlet .ui-grid-col-4.legend {
  padding: 4px 0; }

.activities-portlet .activity-dialog .legend.legend-label {
  padding: 10px 10px;
  background-color: #040827;
  color: #ffffff; }

.activities-portlet .activity-dialog .cross {
  margin-right: 15px; }

.activities-portlet .ui-autocomplete-input.ui-state-disabled {
  opacity: 1;
  background-color: #F5F5F5 !important; }

/* MT#0228920*/
.activities-portlet .activity-date-picker {
  min-width: 180px; }

.activities-portlet .activity-date-picker .form-control {
  display: flex !important; }

.activities-portlet .reservation-type-legend {
  margin: 5px;
  min-height: 30px; }

.activities-portlet ul.ui-autocomplete-items {
  max-height: 300px; }

.activities-portlet .sheet-switching-option {
  text-align: center;
  padding: 10px; }

.activities-portlet span.btn-reservation-sheet {
  margin-right: 5px; }

.activities-portlet span.btn-reservation-sheet a, .activities-portlet 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; }

.activities-portlet span.btn-reservation-sheet a:hover, .activities-portlet span.btn-trainer-sheet a:hover {
  background-color: #2196f3;
  color: #fff; }

.activities-portlet span.btn-reservation-sheet a.active, .activities-portlet span.btn-trainer-sheet a.active {
  background-color: #1a4d69;
  color: #fff; }

.activities-portlet .activity-reservation-container span.ui-button-text.ui-c {
  display: inline !important; }

/* Fixes #0186158: Activities: Slots by Time Interval - Mobile View */
.activity-slots table th.header-col.time {
  z-index: 10 !important; }

.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-slots-mobile .slot {
  padding: 5px;
  border: 2px solid #7abee4;
  margin-bottom: 5px;
  text-align: center;
  color: #1a4d69;
  cursor: pointer;
  border-radius: 5px; }

.activity-slots-mobile .slot * {
  text-align: center; }

.activity-time-period-switcher .time-period {
  text-align: center;
  width: 99% !important;
  margin: 5px 0px !important; }

.activity-time-period-switcher .time-period .ui-button {
  /* width: 20%; */
  padding: 5px;
  margin-right: 5px;
  border-radius: 5px; }

.activity-slots-mobile .ui-accordion-header.ui-state-disabled {
  display: none !important; }

/* Fixes #0186158: Activities: Slots by Time Interval - Mobile View */
/* Fixes #0187117: Activities: Slots by Legend */
.activities-portlet .activity-legends-dialog.header-legends {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3; }

.activities-portlet .ui-button {
  background: #060c38 !important;
  color: #ffffff !important;
  margin: 0px 5px; }
  .activities-portlet .ui-button:first-child {
    margin-left: 0px; }

.activities-portlet .activity-legends-dialog.header-legends .legend {
  float: left;
  margin-right: 30px; }

/* Fixes #0187117: Activities: Slots by Legend */
.activity-cancel-reservation-dialog .cross {
  margin: 8px 0px !important; }

.activity-dialog-heading {
  padding: 10px !important; }

#ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th {
  background: #060c38;
  color: #ffffff;
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th {
      font-size: 14px !important; } }

#ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td {
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td {
      font-size: 14px !important; } }
  #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name {
    font-size: 18px; }
    @media (min-width: 300px) and (max-width: 767px) {
      #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name {
        font-size: 14px !important; } }

#ui-area .eCommerce-portlet .g2g-btn i {
  display: block; }

#ui-area .eCommerce-portlet .grocery-2go .g2g-footer {
  border-top: 2px solid #060c38; }
  #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification {
    background: #060c38;
    font-size: 18px; }
    @media (min-width: 300px) and (max-width: 767px) {
      #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification {
        font-size: 14px !important; } }
  #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-grand-total span.g2g-grand-total-ammount {
    color: #666666 !important; }

#ui-area .eCommerce-portlet .grocery-2go a.g2g-proceed {
  background: #060c38 !important;
  color: #ffffff !important; }

#ui-area .eCommerce-portlet .g2g-category-items .ui-widget-header {
  color: #ffffff !important;
  background: #060c38 !important; }

#ui-area .eCommerce-portlet .g2g-min-max-qty-lbl {
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet .g2g-min-max-qty-lbl {
      font-size: 14px !important; } }

#ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon {
  font-size: 18px; }
  @media (min-width: 300px) and (max-width: 767px) {
    #ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon {
      font-size: 14px !important; } }

#ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel h3 {
  font-family: "Montserrat", sans-serif !important;
  background: #060c38 !important; }

#ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel .ui-accordion .ui-accordion-header.ui-state-active {
  background: #666666 !important; }

.shop-fluid input {
  margin-bottom: 10px !important; }

span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) {
  top: 18px !important; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .shop-box-items-grid {
    width: 96% !important; }
  .shop-search-button {
    padding: 10px 5% 10px 5% !important; }
  .shop-del-button {
    width: 100px !important; } }

@media screen and (max-width: 1199px) and (min-width: 250px) {
  .shop-box-items-grid {
    min-height: 410px !important; }
  .shop-show-name {
    font-size: 14px !important; }
  .shop-box-col {
    font-size: 12px !important; }
  .limited-stock {
    font-size: 11px !important; }
  .product-image {
    height: 230px !important;
    width: 190px !important; } }

.shop-product-price {
  color: #bf1f11;
  font-weight: bold; }

/* Cart */
.col-cart-right .ui-c {
  top: 50% !important; }

/* Related Items */
.shop-box-rel-items-grid td {
  text-align: center; }

.shop-carousel-items .ui-widget-header {
  background: #0271c9 !important; }

/* Product Details */
.product-image {
  border: 1px solid #cacaca !important;
  border-radius: 5px !important; }

.Product-rate {
  font-size: 30px;
  color: #bf1f11; }

/* Search */
.shop-search-input {
  margin: 0px !important; }

.shop-row ul li h3 {
  margin: 0px !important;
  line-height: normal;
  text-shadow: none !important;
  font-size: 18px !important;
  font-weight: 400; }

/* Featured Product*/
.shop-carousel-items .ui-widget-header {
  margin: 0px 10px !important; }

.ui-carousel-viewport ul {
  margin: 0px !important; }

.shop-show-name {
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  font-weight: bold !important; }

.shop-show-desc {
  font-size: 14px;
  color: #000; }

.shop-show-price {
  font-size: 20px;
  color: #bf1f11; }

.ui-carousel-item {
  padding: 10px 10px !important; }

/* Featured Product */
.ui-menu-list {
  margin: 0px !important; }

.ui-grid-responsive {
  background: transparent !important;
  margin-top: 0px; }

.shop-order-box td {
  padding: 0px; }

.limited-stock {
  color: red !important;
  font-size: 14px !important; }

.price-dollar {
  color: #bf1f11;
  font-weight: bold; }

.shop-previous-button {
  width: 100%;
  padding: 10px 0px;
  background: #000 !important;
  color: #fff !important;
  margin-top: 10px 0px; }

.shop-previous-button:hover {
  background: #c3c3c3 !important; }

.shop-box-col {
  font-size: 14px !important; }

.shop-order-grid {
  border-bottom: 1px dotted #afb1b1;
  margin: 10px 0px !important; }

.shop-row .ui-widget-header {
  background: #060c38 !important; }

.shop-row .ui-paginator-bottom {
  background: transparent !important; }

.shop-order-detail div {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 0px !important; }

.shop-your-order {
  font-size: 22px;
  line-height: 50px;
  margin: 0px 10px !important; }

.shop-box-feat-items-grid td {
  text-align: center; }

.shop-items {
  margin-left: 15px; }

.shop-all {
  display: none; }

.shop-menu-item {
  margin: 0px !important; }

.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 !important;
  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: .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-spinner .ui-spinner-input {
  width: 80%; }

.shop-percent {
  font-weight: 800 !important;
  color: orangered !important; }

.shop-cart-items-temp {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px; }

.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: 10px 6.5% 10px 6.5%;
  color: white !important;
  background-color: coral; }

.shop-order-image {
  height: 60px !important;
  object-fit: contain;
  border: 1px solid #c3c3c3 !important;
  border-radius: 5px !important;
  margin: 10px 0px;
  width: 60px; }

table.shop-order-grid {
  width: 100%; }

td.shop-order-im-col {
  width: 30%; }

td.shop-order-detail {
  text-align: left;
  padding: 0px 6px; }

/*.shop-del-button {
	float: left;
    margin-left: 30%;
    padding: 3px !important;
    font-size: 14px !important;
	margin-bottom: 10px;
}*/
.shop-order-grid {
  text-align: right; }
  .shop-order-grid .shop-del-button + hr {
    visibility: hidden; }

.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: 360px !important;
  padding: 6px;
  width: 90%; }

.shop-box-rel-items-grid {
  min-height: 330px !important;
  width: 100%; }

.shop-box-feat-items-grid {
  min-height: 335px !important;
  width: 100%; }

.shop-order-box {
  min-height: 380px !important; }

.shop-box-image {
  height: 175px !important;
  object-fit: contain; }

@media screen and (max-width: 1920px) and (min-width: 1200px) {
  .product-image {
    height: 400px !important; } }

.product-image {
  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: "Montserrat", sans-serif;
  color: #666666;
  font-weight: normal;
  font-size: 18px; }

.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; }

@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: .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;
    margin-left: 12%; } }

@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: 785px) {
  .shop-row .shop-search-input {
    margin-left: 12px; } }

@media (min-width: 641px) and (max-width: 1079px) {
  .shop-item-grid .ui-grid-col-2 {
    width: 30%; }
  .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#0275078: Category panel/Menu bar CSS related changes */
.shop-selected-sub-category {
  background: #060c38 !important; }

.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; }

.shop-no-order-box .shop-cart {
  display: block; }

.eCommerce-portlet .shop-add-update-button {
  font-size: 13px !important; }

.eCommerce-portlet .shop-spinner-image {
  max-width: 100px; }

.eCommerce-portlet span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) > span {
  margin: auto !important;
  position: initial !important; }

#ui-area .shop-grid-col-1 h3 {
  color: #ffffff !important;
  font-size: 18px !important;
  word-break: keep-all !important;
  line-height: normal !important; }

.eventsReservation-portlet .ers-clipboard-msg.ui-overlay-visible .ers-clipboard-detail {
  color: #666666 !important; }

.eventsReservation-portlet .ers-attendee-item-detail-cont .ers-mandatory-txt-lbl + .ers-mandatory-items table tr td label {
  font-size: 13px !important;
  text-transform: capitalize; }

.eventsReservation-portlet .ers-adult-child-container .ui-chkbox .ui-chkbox-label, .eventsReservation-portlet .ers-stick-pref-time .ui-chkbox-label {
  font-family: "Montserrat", sans-serif;
  font-size: 18px; }

.eventsReservation-portlet .eraser-row-btn, .eventsReservation-portlet .select-day .input-group-text, .eventsReservation-portlet .ers-stick-pref-time .input-group-text, .eventsReservation-portlet .ers-adult-children-container .input-group-text {
  background-color: #060c38 !important; }

.eventsReservation-portlet .select-day .input-group .input-group-prepend .input-group-text {
  background-color: #060c38 !important; }
  .eventsReservation-portlet .select-day .input-group .input-group-prepend .input-group-text .ers-multiday-lbl {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: normal; }

.eventsReservation-portlet .ers-add-guest-member .btn-light {
  background: #060c38 !important;
  border: 2px solid #060c38 !important; }
  .eventsReservation-portlet .ers-add-guest-member .btn-light:hover {
    background: #040827 !important; }

.eventsReservation-portlet .select-bookfor .input-group-text {
  background-color: #060c38 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 18px !important; }
  .eventsReservation-portlet .select-bookfor .input-group-text .ers-book-for-container .ers-book-for {
    font-family: "Montserrat", sans-serif;
    font-size: 18px; }

.eventsReservation-portlet {
  /* 1px to 640px */
  /* 641px and above */
  /* 1px to 1000px */
  /* 1001px and above */
  /* 1px to 850px */
  /* 641px to 850px */
  /* 641px to 740px */
  /* 641px to 1121px */
  /* 641px to 688px */
  /* ipad Mini width:768px and width:667px*/
  /* ipad Mini Landscape */
  /*New Classes Start*/
  /*New Classes End*/ }
  .eventsReservation-portlet .er-col-comments input {
    margin: 5px 0px; }
  .eventsReservation-portlet .er-scheudle-container .er-clock-icon {
    top: -4px;
    position: relative;
    color: #060c38 !important; }
  .eventsReservation-portlet .er-name-and-number-container {
    background-color: #040827;
    padding: 7px;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    border-radius: 3px;
    margin-bottom: 16px; }
  .eventsReservation-portlet .er-res-num-status-container .er-res-number, .eventsReservation-portlet .er-res-num-status-container .er-res-status {
    margin: 10px 0px; }
  .eventsReservation-portlet .er-name {
    font-size: "Montserrat", sans-serif;
    font-weight: normal; }
  .eventsReservation-portlet .er-name-and-status {
    font-size: 16px;
    font-weight: normal; }
  .eventsReservation-portlet .er-name-and-status-container {
    padding: 7px;
    font-family: "Montserrat", sans-serif;
    border-radius: 3px;
    margin-bottom: 16px; }
  .eventsReservation-portlet .er-reservation-img {
    vertical-align: -5px !important; }
  .eventsReservation-portlet .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; }
  .eventsReservation-portlet .er-book-for-container {
    margin-bottom: 5px; }
  .eventsReservation-portlet .er-available-val {
    margin-left: 5px; }
  .eventsReservation-portlet .er-green-bg {
    margin-left: 5px;
    background-color: #040827;
    padding: 3px 12px;
    color: #ffffff;
    border-radius: 5px;
    border: 1px solid #040827;
    font-weight: bold; }
  .eventsReservation-portlet .er-bold {
    font-weight: bold !important; }
  .eventsReservation-portlet .er-clock-img {
    width: 35px;
    height: 35px !important;
    margin-top: -18px;
    margin-right: 5px; }
  .eventsReservation-portlet .er-schedules-dropdown {
    display: inline-flex;
    vertical-align: 9px; }
  .eventsReservation-portlet .er-schedules-dropdown .ui-selectcheckboxmenu-label-container {
    width: 100%; }
  .eventsReservation-portlet .er-bold {
    font-weight: bold; }
  .eventsReservation-portlet .er-underline {
    text-decoration: underline; }
  .eventsReservation-portlet .er-schedules-txt, .eventsReservation-portlet .er-to-txt, .eventsReservation-portlet .er-seating-txt {
    vertical-align: 8px; }
  .eventsReservation-portlet .er-attendee-inptxt-container {
    width: 100% !important; }
    .eventsReservation-portlet .er-attendee-inptxt-container input {
      margin: 5px 0px; }
  .eventsReservation-portlet .er-attendee-inptxt {
    width: 100% !important;
    cursor: pointer; }
  .eventsReservation-portlet .er-attendee-member {
    background: white url("/northstar-primefaces-portlet/images/event/member.gif") no-repeat scroll 98% center !important; }
  .eventsReservation-portlet .er-attendee-guest {
    background: white url("/northstar-primefaces-portlet/images/event/guest.gif") no-repeat scroll 98% center !important; }
  .eventsReservation-portlet .er-attendee-child {
    background: white url("/northstar-primefaces-portlet/images/event/child.gif") no-repeat scroll 98% center !important; }
  .eventsReservation-portlet .er-attendee-guest {
    background: white url("/northstar-primefaces-portlet/images/event/guest.gif") no-repeat scroll 98% center !important; }
  .eventsReservation-portlet .er-attendee-child {
    background: white url("/northstar-primefaces-portlet/images/event/child.gif") no-repeat scroll 98% center !important; }
  .eventsReservation-portlet .er-comment-inptxt {
    width: 100% !important; }
  .eventsReservation-portlet .er-red-background {
    background: red !important; }
  .eventsReservation-portlet .er-alert-txt-container {
    margin-bottom: 16px; }
  .eventsReservation-portlet .p-btn {
    display: inline-block;
    padding: 6px 14px 6px 10px !important;
    margin-top: 0px;
    text-align: center;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #f6f6f6, #eaeaea);
    box-sizing: border-box;
    text-decoration: none !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .eventsReservation-portlet .p-btn {
        margin: 5px 0px !important; } }
  .eventsReservation-portlet .er-attendee-row-normal-odd {
    background: #383d60 !important;
    color: #ffffff; }
  .eventsReservation-portlet .er-attendee-row-normal-even {
    background: #ffffff !important; }
  .eventsReservation-portlet .er-attendee-row-removed {
    background-color: #383d60 !important; }
  .eventsReservation-portlet .er-attendee-row-waitlist {
    background-color: #cdced7 !important; }
  .eventsReservation-portlet .aui input[type="color"], .eventsReservation-portlet .aui input[type="date"], .eventsReservation-portlet .aui input[type="datetime"],
  .eventsReservation-portlet .aui input[type="datetime-local"], .eventsReservation-portlet .aui input[type="email"], .eventsReservation-portlet .aui input[type="month"],
  .eventsReservation-portlet .aui input[type="number"], .eventsReservation-portlet .aui input[type="password"], .eventsReservation-portlet .aui input[type="search"],
  .eventsReservation-portlet .aui input[type="tel"], .eventsReservation-portlet .aui input[type="text"], .eventsReservation-portlet .aui input[type="time"],
  .eventsReservation-portlet .aui input[type="url"], .eventsReservation-portlet .aui input[type="week"], .eventsReservation-portlet .aui select, .eventsReservation-portlet .aui textarea,
  .eventsReservation-portlet .aui .uneditable-input {
    margin-bottom: 0; }
  .eventsReservation-portlet .er-attendee-head-counts {
    margin-top: 5px; }
  .eventsReservation-portlet .er-attendee-head-counts td {
    padding: 0 5px 0 0 !important; }
  .eventsReservation-portlet .er-attendee-head-counts .ui-radiobutton-box {
    margin-bottom: 0 !important; }
  .eventsReservation-portlet .er-attendee-optional-items-container {
    margin-top: 5px; }
  .eventsReservation-portlet .er-attendee-optional-items {
    width: auto !important; }
  .eventsReservation-portlet .er-attendee-optional-item {
    display: flex;
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-attendee-optional-items td {
    padding: 0 5px 0 0 !important; }
  .eventsReservation-portlet .er-attendee-optional-items .ui-chkbox-box {
    margin-bottom: 0 !important; }
  .eventsReservation-portlet .er-attendee-table .ui-selectonemenu {
    margin-bottom: 0;
    margin-top: 0px; }
  .eventsReservation-portlet .er-attendee-optional-item-quantity {
    height: 20px !important;
    padding: 3px !important;
    text-align: center !important;
    width: 50px !important;
    margin-left: 5px !important; }
  .eventsReservation-portlet .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; }
  .eventsReservation-portlet .er-no-res-msg-container {
    margin-top: 10px;
    margin-bottom: 15px; }
  .eventsReservation-portlet .er-no-res-msg {
    margin-bottom: 0 !important; }
  .eventsReservation-portlet .er-attendee-table-container, .eventsReservation-portlet .er-res-table-container {
    background-color: #ffffff;
    /*margin: 0 10px 0 10px !important;*/ }
  .eventsReservation-portlet .er-res-table-container {
    margin-top: 10px; }
  .eventsReservation-portlet .er-attendee-table th {
    background: #ffffff !important; }
  .eventsReservation-portlet .er-attendee-item-container {
    margin-top: 5px; }
  .eventsReservation-portlet .er-publish-chkbox-container {
    margin-bottom: 5px; }
  .eventsReservation-portlet .er-comments-container {
    margin-bottom: 5px;
    margin-left: 0px !important;
    margin-right: 10px; }
  .eventsReservation-portlet .er-alert-btns-container .but-add-another {
    background: #060c38 !important;
    margin: 5px !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .eventsReservation-portlet .er-alert-btns-container .but-add-another {
        margin: 5px 0px !important; } }
    .eventsReservation-portlet .er-alert-btns-container .but-add-another:hover {
      opacity: 0.7 !important; }
  .eventsReservation-portlet .er-alert-btns-container .ui-area-btn-success {
    background: #060c38 !important;
    margin: 5px !important; }
    .eventsReservation-portlet .er-alert-btns-container .ui-area-btn-success:hover {
      opacity: 0.7 !important; }
  .eventsReservation-portlet .er-alert-btns-container .p-btn {
    background: #6a6d88 !important;
    margin: 5px !important; }
    .eventsReservation-portlet .er-alert-btns-container .p-btn:hover {
      opacity: 0.7 !important; }
  .eventsReservation-portlet .er-alert-btns-container .btn-reservation-list {
    background: #383d60 !important;
    margin: 5px !important;
    text-shadow: none !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .eventsReservation-portlet .er-alert-btns-container .btn-reservation-list {
        margin: 0px !important; } }
    .eventsReservation-portlet .er-alert-btns-container .btn-reservation-list:hover {
      opacity: 0.7 !important; }
  .eventsReservation-portlet .er-ok-cancel-btn-container {
    margin: 10px 0px !important; }
  .eventsReservation-portlet .er-buttons-container {
    text-align: right; }
    .eventsReservation-portlet .er-buttons-container .but-add-another, .eventsReservation-portlet .er-buttons-container .but-quick-pick-ticket {
      background: #060c38 !important;
      margin: 5px !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        .eventsReservation-portlet .er-buttons-container .but-add-another, .eventsReservation-portlet .er-buttons-container .but-quick-pick-ticket {
          margin: 0px 0px !important; } }
      .eventsReservation-portlet .er-buttons-container .but-add-another:hover, .eventsReservation-portlet .er-buttons-container .but-quick-pick-ticket:hover {
        opacity: 0.7 !important; }
    .eventsReservation-portlet .er-buttons-container .btn-save, .eventsReservation-portlet .er-buttons-container .but-buy-tickets {
      background: #060c38 !important;
      margin: 5px !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        .eventsReservation-portlet .er-buttons-container .btn-save, .eventsReservation-portlet .er-buttons-container .but-buy-tickets {
          margin: 5px 0px !important; } }
      .eventsReservation-portlet .er-buttons-container .btn-save:hover, .eventsReservation-portlet .er-buttons-container .but-buy-tickets:hover {
        opacity: 0.7 !important; }
    .eventsReservation-portlet .er-buttons-container .btn-reservation-list {
      background: #383d60 !important;
      margin: 5px !important;
      text-shadow: none !important; }
      @media (min-width: 300px) and (max-width: 767px) {
        .eventsReservation-portlet .er-buttons-container .btn-reservation-list {
          margin: 0px 0px 5px !important; } }
      .eventsReservation-portlet .er-buttons-container .btn-reservation-list:hover {
        opacity: 0.7 !important; }
  .eventsReservation-portlet .er-waiver-statement-lbl {
    vertical-align: 2px; }
  .eventsReservation-portlet .er-waiver-agree {
    margin-right: 5px; }
  .eventsReservation-portlet .er-waiver-inner-container {
    border-radius: 3px;
    display: inline-block;
    padding: 2px; }
  .eventsReservation-portlet .er-questions-container .ui-tabs-panel {
    padding: 10px 0; }
  .eventsReservation-portlet .er-questions-container .ui-state-default {
    margin-bottom: 0; }
  .eventsReservation-portlet .er-questions-container .ui-radiobutton {
    margin: 0 10px 0 0; }
  .eventsReservation-portlet .er-question-mandatory {
    margin-left: 3px;
    color: #ff0000; }
  .eventsReservation-portlet .er-questions-answers-lbl-container {
    text-align: right; }
  .eventsReservation-portlet .er-questions-nav-container {
    margin-top: 20px; }
  .eventsReservation-portlet .er-item-detail-container {
    text-align: left; }
  .eventsReservation-portlet .er-item-detail-hr {
    margin: 5px 0 !important; }
  .eventsReservation-portlet .er-discount-txt {
    color: #ff0000;
    font-style: italic;
    display: block; }
  .eventsReservation-portlet .er-charges-txt-container {
    text-align: right;
    margin-bottom: 10px;
    font-weight: bold; }
  .eventsReservation-portlet .er-charge-count-lbl {
    margin-left: 5px; }
  .eventsReservation-portlet .er-book-for-chkbox {
    margin-left: 30px; }
  .eventsReservation-portlet .er-book-for-adult-child-container {
    margin-left: 50px; }
  .eventsReservation-portlet .er-book-for-input {
    width: 45px !important;
    margin-left: 5px !important;
    height: 25px !important;
    text-align: center; }
  .eventsReservation-portlet .er-book-for-children-lbl {
    margin-left: 5px; }
  .eventsReservation-portlet .er-add-more-guest {
    text-decoration: none !important; }
  .eventsReservation-portlet .er-add-more-guest-txt {
    vertical-align: -3px;
    margin-left: 2px; }
  .eventsReservation-portlet .er-add-more-guest-container {
    padding: 4px 0 5px 0; }
  .eventsReservation-portlet .er-items-info-img {
    width: 20px;
    height: 20px;
    vertical-align: -4px !important; }
  .eventsReservation-portlet .er-hide-item-details-link {
    float: right; }
  .eventsReservation-portlet .er-optional-item-lbl {
    float: left;
    padding: 0;
    margin: 0 10px 0 0; }
  .eventsReservation-portlet .ui-datatable .ui-selectoneradio.ui-widget.er-attendee-head-counts tbody td {
    padding: 0 5px 0 0 !important; }
  .eventsReservation-portlet .er-itmes-txt {
    text-decoration: none !important; }
  .eventsReservation-portlet .er-other-seating-container {
    text-align: center; }
  .eventsReservation-portlet .er-override-member-rule-container {
    text-align: center; }
  .eventsReservation-portlet .er-shopping-cart-confirmation-popup-container {
    text-align: center; }
  .eventsReservation-portlet .er-override-member-rule-btn {
    min-width: 100px; }
  .eventsReservation-portlet .er-override-member-rule-heading {
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-shopping-cart-confirmation-popup-heading {
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-override-member-rule-msg {
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-override-member-rule-question {
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-override-member-rule-btns-container {
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-shopping-cart-confirmation-popup-btns-container {
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-alert-container {
    text-align: center; }
  .eventsReservation-portlet .er-sub-reservations-table {
    table-layout: unset;
    width: auto; }
  .eventsReservation-portlet .ui-datatable.er-sub-reservations-table thead {
    display: none; }
  .eventsReservation-portlet .ui-datatable.er-sub-reservations-table {
    margin-bottom: 10px; }
  .eventsReservation-portlet .er-sub-reservation-lbl-container {
    text-align: left; }
  .eventsReservation-portlet .er-sub-reservations-table .ui-widget-content {
    background: transparent !important; }
  .eventsReservation-portlet .er-reservations-table table {
    table-layout: unset; }
  .eventsReservation-portlet .er-reservations-table th {
    background: #ffffff !important; }
  .eventsReservation-portlet .ui-datatable.er-child-reservations-table thead {
    display: none; }
  .eventsReservation-portlet .er-child-reservations-table .ui-widget-content {
    background: transparent !important; }
  .eventsReservation-portlet .er-res-attendee-icon {
    margin-right: 5px; }
  .eventsReservation-portlet .er-item-table {
    width: auto !important;
    float: right;
    margin-top: 0px; }
  .eventsReservation-portlet .er-item-txt-td {
    padding: 0 !important;
    width: auto !important;
    clear: none;
    text-align: right; }
  .eventsReservation-portlet .er-item-img-td {
    padding: 0 !important;
    width: auto !important;
    clear: none !important; }
  .eventsReservation-portlet .er-time-img {
    width: 30px;
    height: 30px !important;
    vertical-align: -5px !important;
    margin-left: 5px; }
  .eventsReservation-portlet .er-date-time-title-container {
    display: block; }
  .eventsReservation-portlet .er-multiseating-table {
    width: 100%;
    border-collapse: separate !important; }
  .eventsReservation-portlet .er-multiseating-table th, .eventsReservation-portlet td {
    padding-bottom: 8px;
    padding-top: 8px; }
  .eventsReservation-portlet .er-multiseating-table th, .eventsReservation-portlet .er-multiseating-table td:nth-child(n+2) {
    padding-left: 8px;
    height: 40px !important; }
  .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
    display: table;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }
  .eventsReservation-portlet .er-multiseating-table .er-multiseating-chkbx .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
    background: #ffffff; }
  .eventsReservation-portlet .er-multiseating-table .ui-chkbox.ui-widget {
    width: 100%;
    height: 40px;
    margin: 0;
    vertical-align: middle; }
  .eventsReservation-portlet .er-multiseating-chkbx, .eventsReservation-portlet .er-multiseating-heading-chkbx {
    cursor: pointer; }
  .eventsReservation-portlet .er-multiseating-table .ui-chkbox-icon.ui-icon.ui-c {
    display: none; }
  .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
    background-color: #6a6d88 !important; }
  .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
    background-color: #060c38 !important; }
  .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled {
    opacity: 1; }
  .eventsReservation-portlet .er-multiseating-chkbx-lbl {
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
  .eventsReservation-portlet .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; }
  .eventsReservation-portlet body.page-maximized {
    /*padding: 0 10px;*/ }
  .eventsReservation-portlet .er-back-btn-container {
    margin-bottom: 5px; }
  .eventsReservation-portlet .er-schedule-info {
    width: 16px;
    height: 16px;
    margin-top: -15px; }
  .eventsReservation-portlet .er-schedule-dates-info-container {
    display: block; }
  .eventsReservation-portlet .er-icalendar-img {
    width: 40px;
    height: 20px;
    vertical-align: middle; }
  .eventsReservation-portlet .er-total-guest-container {
    margin-bottom: 30px; }
  .eventsReservation-portlet .er-res-no-col-bracket {
    display: inline-block; }
  .eventsReservation-portlet .er-item-info-img {
    width: 16px !important;
    height: 16px !important;
    vertical-align: initial !important;
    display: inline-block; }
  .eventsReservation-portlet .er-item-info-img-responsive {
    display: none; }
  .eventsReservation-portlet .attendee-item-detail-overlay {
    background-color: #ddd !important;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #CCCCCC;
    font-weight: normal;
    color: black;
    font-family: "Montserrat", sans-serif !important; }
  .eventsReservation-portlet .er-items-txt-total-divider {
    padding-bottom: 10px !important;
    padding-top: 10px !important; }
  .eventsReservation-portlet .er-mandatory-que-info-container {
    margin: 0px 1px 5px;
    padding: 10px;
    color: #00529B;
    background-color: #BDE5F8; }
  .eventsReservation-portlet .er-mandatory-que-info-msg {
    display: inline-block !important; }
  .eventsReservation-portlet .copy-clipboard-btn {
    padding: 11px 20px !important;
    margin-top: -1px; }
  .eventsReservation-portlet .er-reservation-url-container {
    padding: 5px; }
  .eventsReservation-portlet .er-reservation-url {
    width: 100% !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; }
  .eventsReservation-portlet .er-clipboard-msg {
    background: #121212 !important;
    border-radius: 2px !important;
    box-shadow: 0px 0px 9px #7C8078 !important;
    font-weight: bold;
    color: #FFFFFF !important; }
  .eventsReservation-portlet .er-book-for, .eventsReservation-portlet .er-reservation-total-label {
    font: bold 12px Arial, Helvetica, sans-serif !important; }
  .eventsReservation-portlet .er-adult, .eventsReservation-portlet .aui .ui-spinner .ui-spinner-input {
    width: 50px !important; }
  .eventsReservation-portlet .er-childern, .eventsReservation-portlet .aui .ui-spinner .ui-spinner-input {
    width: 50px !important; }
  .eventsReservation-portlet .er-adults-label, .eventsReservation-portlet .er-children-label {
    margin-right: 10px; }
  .eventsReservation-portlet .er-col-eraser {
    width: 16px; }
  .eventsReservation-portlet .er-eraser-btn {
    margin-top: 0px;
    height: 30px;
    width: 50px;
    margin-bottom: 4px; }
  .eventsReservation-portlet .er-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; }
  .eventsReservation-portlet .er-eraser-responsive-btn {
    display: none; }
  .eventsReservation-portlet .er-confirmation-popup-container {
    text-align: center; }
  @media (min-width: 1px) and (max-width: 640px) {
    .eventsReservation-portlet .er-available-container {
      margin-top: 5px;
      text-align: right; }
    .eventsReservation-portlet .er-schedules-dropdown {
      width: 100%;
      box-sizing: border-box; }
    .eventsReservation-portlet .er-seating-dropdown {
      width: 100%;
      box-sizing: border-box; }
    .eventsReservation-portlet .er-attendee-type-onemenu {
      width: 100%;
      box-sizing: border-box; }
    .eventsReservation-portlet .p-btn {
      width: 100%; }
    .eventsReservation-portlet .er-comments {
      width: 100% !important; }
    .eventsReservation-portlet .er-questions-container input[type="text"] {
      width: 100%; }
    .eventsReservation-portlet .er-attendee-head-counts {
      width: 100% !important; }
    .eventsReservation-portlet .er-attendee-table .ui-expanded-row-content .ui-column-title {
      display: none !important; }
    .eventsReservation-portlet .er-attendee-table .er-col-action .ui-column-title {
      display: none !important; }
    .eventsReservation-portlet .er-attendee-table .er-col-sno {
      display: none !important; }
    .eventsReservation-portlet .er-attendee-table .er-col-action .fa.fa-times, .eventsReservation-portlet .er-attendee-table .er-col-action .fa.fa-undo {
      float: right;
      font-size: large; }
    .eventsReservation-portlet .ui-datatable tbody td {
      padding: 0 7px !important; }
    .eventsReservation-portlet .er-itmes-txt, .eventsReservation-portlet .et-total-txt {
      float: right; }
    .eventsReservation-portlet .er-attendee-head-counts td {
      clear: unset !important;
      width: auto !important; }
    .eventsReservation-portlet .er-attendee-optional-items td {
      clear: unset !important;
      width: auto !important; }
    .eventsReservation-portlet .er-attendee-optional-items-container .ui-chkbox {
      margin-right: 0 !important; }
    .eventsReservation-portlet .ui-outputlabel.ui-widget {
      font-size: 11px !important; }
    .eventsReservation-portlet .er-clock-img {
      display: none; }
    .eventsReservation-portlet .er-sub-res-name-col {
      clear: unset !important;
      width: 70% !important; }
    .eventsReservation-portlet .er-sub-res-status-col {
      clear: unset !important;
      width: 30% !important; }
    .eventsReservation-portlet .er-child-reservations-table .er-res-no-col {
      display: none !important; }
    .eventsReservation-portlet .er-reservations-table .ui-expanded-row-content td:nth-child(1) {
      padding: 0 !important; }
    .eventsReservation-portlet .er-item-table {
      width: auto !important;
      float: right;
      margin-top: 5px; }
    .eventsReservation-portlet .er-question-tab {
      width: 48%; }
    .eventsReservation-portlet .ui-icon-circle-triangle-e, .eventsReservation-portlet .ui-icon-circle-triangle-s {
      position: relative;
      top: -8px; }
    .eventsReservation-portlet .er-attendee-type-txt {
      float: right; }
    .eventsReservation-portlet .er-res-no-col-bracket {
      display: none; }
    .eventsReservation-portlet .er-meal-period {
      width: 48% !important;
      display: inline-block; }
    .eventsReservation-portlet .er-seating-code {
      width: 48% !important;
      display: inline-block; }
    .eventsReservation-portlet .er-start-time {
      width: 48% !important;
      display: inline-block; }
    .eventsReservation-portlet .er-ent-time {
      width: 48% !important;
      display: inline-block; }
    .eventsReservation-portlet .er-waiver-title {
      float: none;
      margin-bottom: 5px; }
    .eventsReservation-portlet .er-item-info-img {
      display: none; }
    .eventsReservation-portlet .er-item-info-img-responsive {
      width: 16px !important;
      height: 16px !important;
      vertical-align: initial !important;
      float: right;
      margin-right: 5px;
      display: block; }
    .eventsReservation-portlet .er-adult-children-container {
      display: -webkit-box;
      margin-bottom: 10px; }
    .eventsReservation-portlet .er-adult-container {
      width: 50% !important; }
    .eventsReservation-portlet .er-child-container {
      width: 50% !important; }
    .eventsReservation-portlet .er-eraser-responsive-btn {
      margin-right: 5px;
      float: right;
      font-size: large;
      display: block !important; }
    .eventsReservation-portlet .er-eraser-responsive-btn .fa.fa-eraser {
      font-size: large; }
    .eventsReservation-portlet .er-col-alert {
      display: none !important; }
    .eventsReservation-portlet .er-col-eraser {
      display: none !important; } }
  @media (min-width: 641px) {
    .eventsReservation-portlet .er-number-container {
      text-align: right; }
    .eventsReservation-portlet .er-available-container {
      text-align: right; }
    .eventsReservation-portlet .er-col {
      text-align: center !important;
      /*padding: 5px !important;*/ }
    .eventsReservation-portlet .er-col-sno {
      width: 35px; }
    .eventsReservation-portlet .er-col-action {
      width: 16px; }
    .eventsReservation-portlet .er-col-alert {
      width: 16px;
      padding: 0px; }
    .eventsReservation-portlet .er-col-type {
      width: 75px; }
    .eventsReservation-portlet .p-btn:not(:last-child) {
      margin-right: 5px; }
    .eventsReservation-portlet .er-add-more-guest {
      /*margin: 0 0 0 58px;*/ }
    .eventsReservation-portlet .er-col-items {
      width: 150px;
      padding-right: 2px !important;
      text-align: right !important; }
    .eventsReservation-portlet .er-col-total {
      width: 75px;
      /* text-align: right !important; */ }
    .eventsReservation-portlet .er-attendee-item-container {
      margin-left: 48px; }
    .eventsReservation-portlet .er-attendee-table .er-col-attendee {
      text-align: left !important; }
    .eventsReservation-portlet .er-attendee-table .er-col-type {
      /*text-align: left !important;*/ }
    .eventsReservation-portlet .er-attendee-table .er-col-type {
      text-align: left !important; }
    .eventsReservation-portlet .er-attendee-table .er-col-items {
      /* text-align: right !important; */ }
    .eventsReservation-portlet .er-attendee-table .er-col-total {
      /* text-align: right !important; */ }
    .eventsReservation-portlet .er-comments {
      width: 50% !important; }
    .eventsReservation-portlet .er-attendee-head-counts {
      width: auto !important; }
    .eventsReservation-portlet .er-res-toggler-col {
      width: 20px; }
    .eventsReservation-portlet .er-sub-res-name-col {
      text-align: left !important; }
    .eventsReservation-portlet .er-sub-res-status-col {
      text-align: left !important;
      width: 100px; }
    .eventsReservation-portlet .er-reservations-table .ui-expanded-row-content td {
      padding-left: 0;
      padding-right: 0; }
    .eventsReservation-portlet .er-reservations-table .er-res-no-col, .eventsReservation-portlet .er-reservations-table .er-res-date-col,
    .eventsReservation-portlet .er-reservations-table .er-res-table-no-col, .eventsReservation-portlet .er-reservations-table .er-res-name-col,
    .eventsReservation-portlet .er-reservations-table .er-res-status-col, .eventsReservation-portlet .er-reservations-table .er-res-guests-col {
      text-align: left !important; }
    .eventsReservation-portlet .er-sub-reservations-table .er-sub-res-col {
      padding: 2px 5px !important;
      text-align: left;
      padding: 1px 5px; }
    .eventsReservation-portlet .er-sub-res-name-col {
      min-width: 140px;
      width: auto; }
    .eventsReservation-portlet .er-sub-res-status-col {
      min-width: 50px;
      width: auto; }
    .eventsReservation-portlet .er-seating-container {
      display: inline-block; }
    .eventsReservation-portlet .er-scheudle-container {
      display: inline-block; } }
  @media (min-width: 1px) and (max-width: 1000px) {
    .eventsReservation-portlet .er-col-comments {
      width: 100px; } }
  @media (min-width: 1001px) {
    .eventsReservation-portlet .er-col-comments {
      width: 220px; } }
  @media (min-width: 1px) and (max-width: 850px) {
    .eventsReservation-portlet .er-attendee-table thead th, .eventsReservation-portlet .er-attendee-table tbody td,
    .eventsReservation-portlet .er-attendee-table tfoot td, .eventsReservation-portlet .er-attendee-table tfoot th {
      padding: 2px 4px; }
    .eventsReservation-portlet .er-res-toggler-col .ui-icon-circle-triangle-e {
      background: white url("/northstar-primefaces-portlet/images/event/expand.png") center !important;
      width: 22px;
      height: 22px;
      margin-bottom: 2px;
      border-radius: 40px; }
    .eventsReservation-portlet .er-res-toggler-col .ui-icon-circle-triangle-s {
      background: white url("/northstar-primefaces-portlet/images/event/collapse.png") center !important;
      width: 22px;
      height: 22px;
      margin-bottom: 2px;
      border-radius: 40px; } }
  @media (min-width: 641px) and (max-width: 850px) {
    .eventsReservation-portlet .er-add-more-guest {
      margin: 0 0 0 0px; }
    .eventsReservation-portlet .er-attendee-item-container {
      margin-left: 53px; } }
  @media (min-width: 641px) and (max-width: 740px) {
    .eventsReservation-portlet .er-col-items {
      width: 180px; }
    .eventsReservation-portlet .er-col-items {
      width: 180px; }
    .eventsReservation-portlet .er-child-container {
      width: 20%; }
    .eventsReservation-portlet .er-adult-container {
      width: 18%; }
    .eventsReservation-portlet .er-reservation-total-container {
      width: 20%;
      margin-top: -5PX; } }
  .eventsReservation-portlet .er-res-no-col {
    min-width: 45px; }
  .eventsReservation-portlet .er-res-date-col {
    min-width: 75px; }
  .eventsReservation-portlet .er-res-table-no-col {
    min-width: 50px; }
  .eventsReservation-portlet .er-res-name-col {
    min-width: 150px; }
  .eventsReservation-portlet .er-res-status-col {
    min-width: 70px; }
  .eventsReservation-portlet .er-res-guests-col {
    min-width: 200px; }
  @media (min-width: 641px) and (max-width: 1121px) {
    .eventsReservation-portlet .er-form a, .eventsReservation-portlet span, .eventsReservation-portlet div {
      /*font-size: 12px;*/ }
    .eventsReservation-portlet .er-res-no-col {
      min-width: 36px; }
    .eventsReservation-portlet .er-res-date-col {
      min-width: 63px; }
    .eventsReservation-portlet .er-res-table-no-col {
      min-width: 41px; }
    .eventsReservation-portlet .er-res-name-col {
      min-width: 135px; }
    .eventsReservation-portlet .er-res-status-col {
      min-width: 55px; } }
  @media (min-width: 641px) and (max-width: 688px) {
    .eventsReservation-portlet .er-res-table-no-col {
      display: none; } }
  @media screen and (width: 768px), screen and (width: 667px) {
    .eventsReservation-portlet .er-seating-dropdown {
      position: relative;
      top: -8px; }
    .eventsReservation-portlet .er-attendee-type-onemenu {
      position: relative;
      top: -5px; }
    .eventsReservation-portlet .er-adult-container {
      width: 16%; }
    .eventsReservation-portlet .er-reservation-total-container {
      width: 18%;
      margin-top: -5PX; } }
  @media only screen and (width: 1024px) {
    .eventsReservation-portlet .er-seating-dropdown {
      position: relative;
      top: -8px; }
    .eventsReservation-portlet .er-attendee-type-onemenu {
      position: relative;
      top: -5px; }
    .eventsReservation-portlet .er-adult-container {
      width: 12%; }
    .eventsReservation-portlet .er-reservation-total-container {
      width: 14%; } }
  .eventsReservation-portlet .er-total-reservation-charges-container {
    /*margin: 0 10px 0 10px;*/ }
  .eventsReservation-portlet .er-main-container {
    padding: 0 10px 0 10px; }
  .eventsReservation-portlet .er-main-container span.er-items-txt {
    color: #000000 !important; }
  .eventsReservation-portlet .er-main-container span.er-add-more-guest-txt {
    color: #000000; }
  .eventsReservation-portlet .er-main-container a.er-hide-item-details-link {
    color: #000000; }
  .eventsReservation-portlet .er-main-container .er-waiver-statement-lbl {
    color: #ffffff;
    background-color: #060c38;
    border-radius: 4px;
    padding: 3px; }
  .eventsReservation-portlet .er-main-container .er-waiver-statement-lbl:hover {
    color: #ffffff; }
  .eventsReservation-portlet .ui-selectcheckboxmenu-header span.ui-icon.ui-icon-circle-close {
    background-color: transparent; }
  .eventsReservation-portlet .er-waiver-content-container .er-waiver-title {
    background-color: #060c38 !important;
    color: #ffffff; }
  .eventsReservation-portlet .ui-datatable-reflow {
    margin: 0 0 12px 0 !important; }
  .eventsReservation-portlet .ui-datatable-tablewrapper .ui-autocomplete {
    position: inherit !important; }
  .eventsReservation-portlet .ui-datatable-tablewrapper th {
    background-color: #060c38 !important;
    color: #ffffff; }
  .eventsReservation-portlet .er-attendee-row-normal-odd span.er-items-txt {
    color: #ffffff !important; }
  .eventsReservation-portlet .er-childern, .eventsReservation-portlet .aui .ui-spinner .ui-spinner-input {
    width: 50px !important; }
  .eventsReservation-portlet .er-adult, .eventsReservation-portlet .aui .ui-spinner .ui-spinner-input {
    width: 50px !important; }
  .eventsReservation-portlet .er-adult-container {
    width: 200px;
    margin-bottom: 20px; }
  .eventsReservation-portlet .er-childern input, .eventsReservation-portlet .er-adult input {
    width: 50px;
    display: inline-block;
    margin: 10px; }
  .eventsReservation-portlet span.er-adults-label, .eventsReservation-portlet .er-children-label {
    width: 100% !important;
    display: block; }
  .eventsReservation-portlet .er-col-action {
    width: 50px; }
  .eventsReservation-portlet .er-col-eraser {
    width: 50px; }
    .eventsReservation-portlet .er-col-eraser a {
      color: red !important; }
  .eventsReservation-portlet .er-scheudle-container .ui-selectcheckboxmenu-trigger {
    width: 25px !important; }
  .eventsReservation-portlet .er-attendee-row-normal-even .er-col-total .et-total-txt {
    color: #000; }
  .eventsReservation-portlet .er-attendee-row-normal-odd .er-col-total .et-total-txt {
    color: #fff; }
  .eventsReservation-portlet .er-item-table td {
    border: 0px !important; }
  .eventsReservation-portlet .er-book-for {
    padding: 0;
    font-family: "Montserrat", sans-serif !important;
    font-size: 18px !important; }
    @media (min-width: 300px) and (max-width: 767px) {
      .eventsReservation-portlet .er-book-for {
        font-size: 14px !important; } }
  .eventsReservation-portlet .er-comments-container legend {
    border: 0px !important;
    padding: 10px 0px !important; }
    .eventsReservation-portlet .er-comments-container legend span {
      margin: 3px; }
  .eventsReservation-portlet .er-publish-chkbox-container {
    padding: 10px 0px; }
  .eventsReservation-portlet .er-add-more-guest-container {
    padding: 10px 0px; }
    .eventsReservation-portlet .er-add-more-guest-container .er-add-more-guest-icon {
      top: 3px;
      position: relative; }
  .eventsReservation-portlet .ics-file-download-icon, .eventsReservation-portlet .er-add-more-guest-icon {
    color: #060c38 !important; }
  .eventsReservation-portlet .er-questions-answers-lbl-container {
    color: #666666 !important; }

.real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing {
  min-height: 517px; }

.real-estate-listings-portlet .rel-action-buttons .ui-area-btn, .real-estate-listings-portlet .rel-action-buttons .events-cal-link {
  margin-bottom: 5px; }

.real-estate-listings-portlet .rel-listings-grid-view .listing-img img {
  object-fit: cover;
  height: 268px;
  width: 100%; }

.real-estate-listings-portlet .rel-listings-grid-view .rel-action-buttons {
  position: absolute;
  bottom: 0; }

.real-estate-listings-portlet .rel-listings-grid-view .listing-status {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  letter-spacing: 1px; }

.real-estate-listings-portlet .rel-view-switcher-row {
  margin-top: 12px; }

.real-estate-listings-portlet .rel-view-switcher-row .ui-state-active {
  background: #060c38 !important;
  border-color: #060c38 !important; }

.real-estate-listings-portlet .rel-view-switcher-row .ui-state-active .ui-button-text {
  color: #ffffff; }

.real-estate-listings-portlet .rel-container .footer {
  margin-top: 20px; }

.real-estate-listings-portlet .ui-widget-content .rel-cross-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 28px;
  padding: 2px 6px 2px 7px;
  position: absolute;
  right: 0;
  margin: 10px 10px 0 0; }

.real-estate-listings-portlet .rel-container .rel-preview-dialog .ui-dialog-content {
  padding: 0px; }

.real-estate-listings-portlet .rel-navigation-buttons {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); }

.real-estate-listings-portlet .rel-navigation-buttons a {
  color: #fff;
  margin: 0 5px 0 !important; }

.real-estate-listings-portlet #relPreviewImage {
  width: 100%;
  height: 700px;
  object-fit: cover; }

.real-estate-listings-portlet .listing-preview-img {
  width: 100%;
  max-height: 450px;
  object-fit: cover; }

@media (min-width: 741px) {
  .real-estate-listings-portlet .rel-search-field {
    max-width: 270px; } }

.real-estate-listings-portlet .rel-listings.portlet-msg-alert .ui-datagrid-content-empty {
  background-color: transparent !important;
  color: #bf7900 !important;
  padding: 0px; }

.real-estate-listings-portlet .rel-search-date-field > input {
  max-width: 120px !important; }

.real-estate-listings-portlet .er-childern, .real-estate-listings-portlet .aui .ui-spinner .ui-spinner-input {
  width: 100% !important; }

.real-estate-listings-portlet .ui-fluid .ui-selectonemenu {
  min-width: auto !important; }

.real-estate-listings-portlet .rel-order-by {
  margin-left: 10px; }

@media screen and (max-width: 640px) {
  .real-estate-listings-portlet .rel-view-switcher-row {
    text-align: center !important; } }

@media screen and (max-width: 979px) {
  .real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing {
    min-height: auto !important; }
  .real-estate-listings-portlet .rel-listings-grid-view .rel-action-buttons {
    position: relative; }
  .real-estate-listings-portlet .rel-listings-grid-view .listing-info {
    padding: 10px 0px 0 !important; } }

@media screen and (min-width: 641px) and (max-width: 979px) {
  .real-estate-listings-portlet .rel-listings-grid-view .listing-img img {
    height: 126px; } }

@media screen and (min-width: 980px) and (max-width: 1199px) {
  .real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing {
    min-height: 440px; }
  .real-estate-listings-portlet .rel-listings-grid-view .listing-img img {
    height: 170px; } }

.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: #050a2d;
  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: #040827; }

.horizontal-dates a.selected-date {
  background-color: #050a2d !important;
  color: #ffffff !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; }

@media (max-width: 500px) {
  .backward-controls, .forward-controls {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    background: #f1f1f1; }
  .backward-controls span, .forward-controls span, .backward-controls a, .forward-controls a {
    background: rgba(162, 159, 159, 0.41) !important;
    margin: 2px !important; }
  .backward-controls span, .backward-controls a {
    width: 48%;
    display: inline-block; }
  .forward-controls span, .forward-controls a {
    width: 48%;
    display: inline-block; } }

.nav-collapse ul {
  margin: 0 !important; }

.portlet-blogs label {
  display: block !important; }

.taglib-header h3 {
  margin: 0 0 0 0 !important;
  padding: 0px 0; }

.portlet-blogs-aggregator {
  margin-top: 30px; }

.portlet-blogs-aggregator .blog-content + .text-left a:hover {
  background: #666666 !important;
  transition: all 0.9s ease 0s;
  color: #fff !important; }

.portlet-blogs-aggregator .blog-content + .text-left a {
  background: #000 !important;
  color: #ffffff !important;
  display: inline-block;
  margin-bottom: 17px;
  padding: 7px 10px;
  text-decoration: none;
  border-radius: 0px;
  font-size: 14px; }

#ui-area .portlet-blogs-aggregator h2 {
  margin-bottom: 0; }

#ui-area .portlet-blogs-aggregator h2 a {
  color: #060c38 !important;
  text-decoration: none !important; }

.entry-author {
  display: none !important; }

.entry-footer {
  border-bottom: 1px solid #ccc !important;
  display: block;
  margin-bottom: 32px; }

/* start blogs classes */
.portlet-blogs-aggregator .comments {
  display: none; }

.portlet-blogs-aggregator .entry-title a {
  color: #060c38 !important;
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  text-transform: capitalize; }

.portlet-blogs-aggregator a:hover {
  color: #0066B3 !important; }

.portlet-blogs-aggregator .abstract {
  clear: both;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important; }

.portlet-blogs .entry-navigation span.previous {
  background-position: 0 1px !important;
  padding-left: 20px !important; }

.portlet-blogs .entry-navigation .next {
  background-position: 100% 1px !important;
  padding-right: 20px !important; }

.portlet-blogs .navbar-search.pull-right {
  float: left !important; }

.portlet-blogs .navbar-search.pull-right .form-search .btn {
  margin-top: 0px !important;
  margin-left: 0 !important;
  padding-bottom: 3px !important; }

#ui-area .portlet-blogs .header-back-to .previous-level {
  padding: 3px;
  float: inherit !important; }

#ui-area .portlet-blogs-aggregator h2 a {
  display: block;
  font-weight: bold !important;
  text-transform: uppercase !important; }

.portlet-blogs-aggregator .entry-date {
  color: #666666 !important; }

/* blogs search bar portlet class */
.portlet-blogs .form-search .btn {
  margin-left: 0 !important;
  margin-top: 0 !important; }

/* blogs search bar portlet class */
/* blogs navigation classes */
.portlet-blogs .entry-navigation {
  margin-top: 40px !important; }

.portlet-blogs .form-search {
  margin-bottom: 10px;
  margin-top: 10px; }

/* end blogs navigation classes */
/* end blogs classes */
/* ----------- start 200px to 667px ----------- */
@media screen and (min-width: 200px) and (max-width: 767px) {
  .portlet-blogs-aggregator .entry-title {
    margin-top: 10px !important; }
  .portlet-blogs-aggregator .asset-small-image img {
    width: 100% !important; }
  .portlet-blogs .form-search .input-append .btn {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 7px 8px 7px 4px !important;
    min-height: 40px !important;
    display: inline-block !important;
    width: 25% !important; }
  .portlet-blogs .form-search input#_33_keywords1 {
    min-height: 36px !important;
    display: inline-block !important;
    width: 75% !important; } }

.portlet-blogs .blog-content + .text-left a {
  background: #040827 !important;
  color: #ffffff !important; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portlet-blogs .entry-body {
    font-size: 14px !important; }
  .portlet-blogs .entry-title h2 {
    padding-top: 0 !important;
    margin-top: 0 !important; } }

#ui-area .portlet-blogs-aggregator h2 {
  margin-bottom: 0px; }

#ui-area .portlet-blogs h2 a {
  text-decoration: none !important;
  color: #000 !important; }

/*blogs search bar height class*/
.portlet-blogs .navbar-search.pull-right .form-search input#_33_keywords1 {
  min-height: 34px !important; }

.portlet-blogs .form-search input#_33_keywords1 {
  min-height: 36px !important; }

/*end blogs search bar height class*/
.portlet-message-boards .input-append .search-query + .btn {
  margin: -1px !important; }

#ui-area .portlet-message-boards .container {
  width: 100% !important; }

.portlet-blogs .read-more {
  display: inline-block;
  padding: 7px 10px; }

.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 screen and (min-width: 481px) and (max-width: 767px) {
      .news-listing .left {
        position: absolute;
        left: 0px;
        top: 0px; } }
    @media screen and (min-width: 768px) {
      .news-listing .left {
        position: absolute;
        left: 0px;
        top: 0px; } }
    .news-listing .left img {
      width: 100%; }
      @media screen and (min-width: 481px) and (max-width: 767px) {
        .news-listing .left img {
          max-height: 135px;
          max-width: 180px; } }
      @media screen and (min-width: 768px) {
        .news-listing .left img {
          max-height: 135px;
          max-width: 180px; } }
      @media screen and (min-width: 980px) {
        .news-listing .left img {
          max-width: 200px; } }
  .news-listing .right {
    min-height: 135px; }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .news-listing .right {
        padding-left: 200px; } }
    @media screen and (min-width: 768px) {
      .news-listing .right {
        padding-left: 200px; } }
    @media screen and (min-width: 980px) {
      .news-listing .right {
        padding-left: 216px; } }
    @media screen and (min-width: 1200px) {
      .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; }

#ui-area .announcement-dialog .ui-selectbooleanbutton {
  width: 70px; }
  #ui-area .announcement-dialog .ui-selectbooleanbutton .ui-c {
    color: #000 !important; }

.announcement-dialog .ui-selectonemenu-label {
  width: 100px !important;
  border: 0px !important;
  min-width: 100%; }

.announcement-portlet .ann-browse-btn span {
  background-color: black !important;
  color: #fff !important; }

.announcement-portlet {
  margin-bottom: 24px; }

.announcement-portlet 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: #666666;
  display: block !important;
  margin: 3px 0 0;
  position: relative; }

.announcement-portlet .layoutTwoContentShortDesc .layoutTwoShorDes {
  color: #666666;
  display: block;
  font-size: 24px !important;
  margin-top: 3px; }

/* simple vieiw class */
.layoutTwoContentShortDesc {
  background-color: #000 !important;
  bottom: 0px;
  color: #fff !important;
  display: block !important;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  /*  max-height: 100px; */
  padding: 10px 10px;
  position: absolute;
  text-align: left;
  text-decoration: none !important;
  vertical-align: middle;
  width: 100%;
  left: 0 !important;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif !important; }

.layoutTwoContentShortDesc label {
  color: #ffffff !important; }

/* end simple vieiw class */
/* announcement portlet classes new view */
.announcement-controls ul {
  padding-top: 3px;
  padding-bottom: 3px; }

.announcement-controls ul li a i {
  font-size: 30px !important;
  background-color: #ffffff;
  border-radius: 100%;
  width: 32px !important;
  height: 32px;
  line-height: 31px;
  color: #000; }

.announcement .announcement-bottom-bar {
  background-color: rgba(0, 0, 0, 0.509804) !important;
  font-family: "Montserrat", sans-serif !important; }

.announcement-bottom-bar .announcement-controls {
  margin-top: 5px;
  text-align: center;
  border-left: 1px solid #ffffff !important; }

.announcement .announcement-title {
  color: #666666 !important;
  font-weight: bold;
  display: block;
  font-size: 34px !important;
  line-height: normal !important;
  margin-left: 0 !important;
  margin-right: 10px;
  margin-bottom: 5px; }

.announcement .announcement-description span {
  color: #ffffff !important;
  margin-left: 0;
  font-size: 16px;
  text-transform: none;
  margin-left: 0 !important;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  display: inline-block; }

.announcement span.announcement-short-description {
  font-size: 50px;
  color: #ffffff !important;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  font-weight: 500; }

/* .announcement .announcement-description {
    padding: 5px 5px 5px 5px !important;
} */
.announcement .announcement-pagination {
  color: #ffffff !important;
  vertical-align: top;
  margin-top: 0px !important;
  font-size: 18px !important;
  font-family: "Montserrat", 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: "Montserrat", sans-serif !important; }

@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: 20px !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; } }

/* 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; }
  .announcement-portlet .announcement img {
    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 .bx-wrapper .bx-viewport {
  border: 2px solid #0093b2;
  box-shadow: 0px 0px 24px 6px rgba(58, 58, 58, 0.1); }

.announcement-portlet .announcement .announcement-details {
  font-size: 14px !important; }

.announcement-portlet .announcement span.announcement-details {
  transition: all .3s linear 0s;
  color: #fff !important;
  transition: all .3s linear 0s;
  background-color: #094482 !important;
  padding: 5px 10px;
  margin-left: 10px !important; }

.announcement-portlet .announcement span.announcement-details:hover {
  background-color: #000 !important;
  transition: all .3s linear 0s; }

.announcement-portlet .ui-widget-content, .ui-datagrid-column {
  background: #fff !important; }

/*.announcement-portlet .ui-corner-all {
	margin-top: 0 !important;
	padding: 0 !important;
	border: 0px solid #ddd!important;
}*/
.announcement-portlet .announcement-dialog .ui-corner-all {
  border: 1px solid #ddd !important; }

.announcement-portlet .ui-calendar input {
  max-width: 170px !important; }

.announcement-portlet button.ui-datepicker-trigger.ui-button {
  margin-bottom: 0px !important;
  vertical-align: bottom !important; }

.announcement-portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  border: 0px !important; }

.announcement-dialog .ui-icon-triangle-1-s {
  background-position: -65px -16px !important; }

.announcement-dialog .ui-dialog-content {
  overflow: revert !important; }

.ann-priority-one-menu .ui-selectonemenu-items-wrapper {
  max-height: 110px !important; }

#ui-area .announcement-search-container .announcement-search-txt.ui-corner-all {
  border: 1px solid #ccc !important;
  padding: 3px !important;
  border-radius: 3px !important; }

.deletePopup {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: table;
  overflow: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px; }

.deletePopupHdr {
  background-color: #060c38 !important;
  color: #ffffff !important;
  font-size: 21px !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  margin: 0;
  padding: 0 8px;
  text-transform: none !important; }

.deletePopupBody input {
  margin-right: 2px;
  margin-top: 14px !important; }

.deletePopupHdr label {
  color: #ffffff !important;
  line-height: 46px !important;
  margin: 0 !important;
  font-size: 23px !important;
  font-weight: normal !important; }

#ui-area .pnl-add-new-visitor {
  border: 2px solid #f0f3f7;
  border-radius: 10px;
  padding: 15px; }

#ui-area .add-visitor-schedule {
  padding: 0 5px 0 5px; }

#ui-area .visitor-mgmt-schedule-box {
  padding: 10px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  margin: 10px;
  min-height: 190px;
  border-radius: 10px;
  border: 2px solid #f0f3f7; }
  #ui-area .visitor-mgmt-schedule-box .schedule-date, #ui-area .visitor-mgmt-schedule-box .schedule-time {
    font-size: 14px;
    color: #de5c49;
    font-weight: bold; }
  #ui-area .visitor-mgmt-schedule-box .schedule-date, #ui-area .visitor-mgmt-schedule-box .schedule-time, #ui-area .visitor-mgmt-schedule-box .visitor-email, #ui-area .visitor-mgmt-schedule-box .visitor-phone {
    font-size: 12px; }
  #ui-area .visitor-mgmt-schedule-box .schedule-day-btn {
    opacity: .7 !important;
    background-color: #f0f3f7; }
  #ui-area .visitor-mgmt-schedule-box .visitor-name {
    font-size: 16px;
    font-weight: bold; }
  #ui-area .visitor-mgmt-schedule-box .visitor-schedules-btn-row a {
    margin: 5px 5px; }

#ui-area .visitor-mgmt-dialog-heading {
  background-color: #060c38;
  margin: 0 !important;
  color: #ffffff !important;
  text-transform: uppercase;
  font-size: 20px !important;
  line-height: 24px !important;
  font-family: "Montserrat", sans-serif !important;
  text-align: left;
  padding: 10px;
  margin-bottom: 10px !important; }

#ui-area .visitor-view-schedules-dialog .cross {
  margin: 10px; }

#ui-area .visitor-view-schedules-dialog .view-schedule-table thead,
#ui-area .visitor-view-schedules-dialog .edit-schedule-table thead {
  display: none; }

#ui-area .visitor-mgmt-edit-schedule-container fieldset {
  padding: 10px 20px;
  margin-bottom: 15px;
  border: 2px solid #f0f3f7 !important;
  border-radius: 5px; }
  #ui-area .visitor-mgmt-edit-schedule-container fieldset .visitor-mgmt-field button {
    top: 0 !important;
    margin-top: 0 !important; }

#ui-area .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; }

#ui-area .visitor-mgmt-edit-schedule-container .mandatory {
  color: red; }

#ui-area .visitor-mgmt-edit-schedule-container .visitor-gender {
  margin: 2px 5px; }

#ui-area .visitor-mgmt-edit-schedule-container .visitor-mgmt-fieldset legend {
  background: #060c38 !important;
  margin: 0;
  border: 0px !important;
  color: #ffffff;
  padding: 10px 5px;
  line-height: normal; }

#ui-area .visitor-mgmt-edit-schedule-container .visitor-mgmt-field button {
  top: -3px;
  position: relative; }

#ui-area .visitor-mgmt-edit-schedule-container .visitor-mgmt-field input {
  margin: 0px !important;
  padding: 0px 5px !important;
  line-height: normal !important;
  min-height: 35px; }

.view-schedule-scroll-panel {
  width: 100%; }

.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; }

@media only screen and (min-width: 650px) {
  .visitor-mgmt-edit-schedule-container input {
    max-width: 80% !important; }
  .schedule-access-type {
    max-width: 80% !important; } }

.edit-names-field {
  width: 90% !important; }

.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 {
  height: 50px;
  background-color: #003771 !important;
  font-size: 16px !important;
  font-weight: 700;
  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 {
  display: inline-flex;
  border-radius: 4px;
  padding-top: 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 {
  background: #fff;
  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: 19px;
  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: 48px;
  margin: 5px 0 5px 28px;
  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; }

.visitorManagement-portlet .visitor-mgmt-container .visitor-mgmt-search-txt {
  border: none;
  margin: 0; }

.visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown {
  margin-top: 5px !important;
  float: right; }

.visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown .ui-selectonemenu {
  background-color: #fff !important;
  height: 48px;
  border: 2px solid #f2f2f2;
  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 .visitor-type-dropdown .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 5px !important; }

.visitorManagement-portlet .visitor-mgmt-container .ui-datalist-data {
  margin-top: 0px; }

.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;
  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;
  font-weight: 600;
  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;
  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 .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;
  display: inline-flex;
  width: 100%; }

.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;
  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 .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;
  padding-bottom: 9px; }

.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-grid-row:nth-child(odd) .even-bg {
  background-color: #f7f7f8;
  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-info .ui-grid-row:nth-child(even) .even-bg {
  background-color: #fff;
  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-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: 19px;
  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;
  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; }

.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; }

.schedule-access-type,
.visitor-gender {
  width: 97% !important; }

.visitor-mgmt-multi-day-dates,
.visitor-mgmt-single-day-date-time {
  display: inline-flex;
  width: 100%; }

.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: 100% !important; }

.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(/northstar-primefaces-portlet/images/gateHouse/icon-calendar.png) !important;
  background-repeat: no-repeat;
  background-position: 5px 0px;
  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(/northstar-primefaces-portlet/images/gateHouse/icon-time.png) !important;
  background-repeat: no-repeat;
  background-position: 5px 0px;
  width: 26px;
  margin-left: -10px; }

.schedule-time .ui-datepicker-trigger .ui-icon-calendar {
  background-image: url(/northstar-primefaces-portlet/images/gateHouse/icon-time.png) !important;
  background-repeat: no-repeat;
  background-position: 5px 0px;
  width: 26px;
  margin-left: -12px; }

.visitor-mgmt-visitors-list .ui-datagrid-content-empty,
.visitor-mgmt-visitors-list-dialog .ui-datagrid-content-empty {
  padding-left: 3px !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,
.visitor-mgmt-pin-visitor-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;
  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; }

.visitor-mgmt-pin-visitor-label {
  font-size: 13px !important;
  font-weight: 600 !important; }

.visitor-mgmt-fieldset .ui-inputswitch {
  height: 22px !important;
  border: 1px solid #ddd !important;
  border-radius: 5px; }

.visitor-mgmt-pin-visitor-switch .ui-inputswitch-handle {
  background-color: #fff; }

.visitor-mgmt-pin-visitor-switch .ui-inputswitch-on {
  background: #003771;
  padding: 0px !important;
  margin: 0px !important;
  height: 22px !important;
  top: -1px !important; }

.visitor-mgmt-pin-visitor-switch .ui-inputswitch-on span {
  color: #003771;
  background: none !important;
  text-shadow: none;
  background-color: #003771 !important; }

.visitor-mgmt-pin-visitor-switch .ui-inputswitch-off span {
  color: #e4e4e4;
  background: none !important;
  text-shadow: none;
  background-color: #e4e4e4 !important; }

.visitor-mgmt-pin-visitor-switch .ui-inputswitch-off {
  margin: 0px;
  padding: 0px !important;
  background: #e4e4e4; }

.ui-inputswitch .ui-inputswitch-handle {
  border: 0; }

.visitor-mgmt-visitors-list-item .visitor-mgmt-visitor-delete-icon {
  color: red !important; }

.visitor-mgmt-pinned-visitor-btns {
  display: inline-flex !important; }

.visitor-mgmt-visitors-list .ui-datagrid-content-empty,
.visitor-mgmt-visitors-list-dialog .ui-datagrid-content-empty {
  margin-top: 0;
  padding-left: auto; }

.visitor-mgmt-visitors-list-item .visitor-mgmt-visitor-delete-icon {
  float: left !important; }

.visitor-mgmt-inactivate-visitor-popup-heading {
  font-size: 25px !important; }

.visitor-mgmt-inactivate-visitor-dialog {
  width: 600px !important;
  z-index: 1013 !important;
  left: 30% !important; }

.visitor-mgmt-inactivate-visitor-dialog .btn-responsive {
  display: inline-flex;
  margin-top: 20px; }

.visitor-mgmt-inactivate-visitor-dialog .visitor-mgmt-inactivate-popup-yes-btn,
.visitor-mgmt-inactivate-visitor-dialog .visitor-mgmt-inactivate-popup-no-btn {
  border-radius: 4px !important;
  margin-right: 10px;
  padding-top: 5px; }

.visitor-mgmt-inactivate-popup-no-btn {
  background-color: #1c75bc !important; }

.visitor-mgmt-inactivate-visitor-dialog-description {
  display: inline-flex; }

.visitor-mgmt-inactivate-visitor-dialog-description label {
  font-weight: 600; }

.visitor-mgmt-inactivate-visitor-dialog-description .fa-exclamation-triangle {
  padding: 3px 5px 0px 0px; }

.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;
  width: auto; }

.update-schedule-btn {
  border: 3px solid #000 !important;
  border-radius: 5px !important; }

.close-btn {
  border: 3px solid #1c75bc !important;
  border-radius: 5px !important;
  width: auto; }

.visitor-mgmt-btn-row .visitor-mgmt-btn {
  border-radius: 5px !important; }

.erase-visitor-btn {
  width: 20% !important; }

.done-btn,
.customize-schedule-btn,
.erase-visitor-btn {
  width: 75%;
  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-remove {
  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 .15s, -webkit-box-shadow ease-in-out .15s !important;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .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; }

.visitor-mgmt-visitors-list .visitor-mgmt-visitor-list-label {
  font-size: 13px;
  font-weight: 600; }

.visitor-mgmt-visitors-list .visitor-mgmt-search {
  margin: 0 0 2px 0px !important; }

.visitor-mgmt-visitors-list .ui-grid-row:nth-child(odd) .visitor-mgmt-visitors-list-item {
  background-color: #f7f7f8;
  padding: 0 10px; }

.visitor-mgmt-visitors-list .ui-grid-row:nth-child(even) .visitor-mgmt-visitors-list-item {
  background-color: #fff;
  padding: 0 10px; }

@media screen and (max-width: 767px) {
  .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-tabs {
    padding: 5px 0 0 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 {
    width: 50%;
    margin-right: 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:nth-child(3) {
    margin-right: 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.ui-state-active .ui-button-text {
    font-size: 16px; }
  .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; }
  .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 span {
    font-size: 16px; }
  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown {
    margin-top: 12px !important; }
  .ui-selectonebutton.visitor-mgmt-guest-type-tabs {
    width: 95% !important; }
  .visitorManagement-portlet .visitor-mgmt-container .visitor-type-dropdown .ui-selectonemenu label {
    text-align: left;
    margin-left: 10px; }
  .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: none;
    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: none;
    border-right: none;
    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 {
    height: auto !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: 36px; }
  .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;
    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; }
  .schedule-access-type,
  .visitor-gender {
    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; }
  .schedule-date,
  .schedule-from-date,
  .schedule-to-date,
  .single-day-schedule-time {
    margin-top: 5px;
    margin-right: 10px;
    display: inline-flex;
    width: 147px !important; }
  .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-pinned-visitor-btns .edit-schedule-btn,
  .visitor-mgmt-pinned-visitor-btns .delete-schedule-btn {
    width: 25% !important; }
  .visitor-mgmt-pinned-visitor-btns .edit-schedule-btn {
    margin-right: 15px; }
  .visitor-mgmt-btn-row .confirm-schedule-btn {
    width: 500px;
    height: 40px;
    padding-top: 8px; }
  .visitor-mgmt-btn-row .back-btn {
    width: 100%;
    height: 40px;
    padding-top: 8px; }
  .visitor-mgmt-visitors-list {
    display: none; }
  .visitor-mgmt-search {
    margin: 0 0 5px 0px !important; }
  .visitor-mgmt-visitors-list .ui-datagrid-content-empty,
  .visitor-mgmt-visitors-list-dialog .ui-datagrid-content-empty {
    margin-top: auto; }
  .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-grid-row:nth-child(odd) .visitor-mgmt-visitors-list-item {
    background-color: #f7f7f8;
    padding: 0 10px; }
  .visitor-mgmt-visitors-list-dialog .ui-grid-row: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: white;
    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 .visitor-mgmt-dialog-close-label {
    margin-left: 15px;
    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-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;
    margin-top: 8px; }
  .schedule-time .hasDatepicker {
    width: 100px !important;
    margin-top: 8px; }
  .visitor-mgmt-inactivate-visitor-dialog {
    width: auto !important;
    z-index: 1013 !important;
    right: 10%;
    left: 10% !important; } }

@media only screen and (max-width: 812px) and (orientation: landscape) {
  .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; }
  .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; }
  .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; }
  .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: 120px !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-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: 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 20px;
    width: 100%; } }

@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; } }

@media print {
  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; }
  table, td, th {
    border: 1pt solid #000 !important;
    border-collapse: collapse !important; }
  td {
    padding: 5px 5px 5px 5px; }
  table {
    margin-bottom: 5mm; }
  .text-bold {
    font-weight: 600; }
  .text-center {
    text-align: center; }
  .text-right {
    text-align: right; }
  .label-info {
    font-weight: 600; }
  .ui-grid-responsive .ui-grid-col-6 {
    width: 50% !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; }
  .aui .table-bordered {
    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; } }

#ui-area .member-site-settings-container .ui-area-btn-success, #ui-area .member-site-settings-container .btn-reset {
  padding: 0px !important;
  background: #060c38 !important;
  margin: 0px  5px !important; }

#ui-area .member-site-settings-container .member-site-settings-search-field {
  margin: 0px !important; }

#ui-area .member-site-settings-container button.btn-apply, #ui-area .member-site-settings-container #ui-area button.member-site-settings-btn-sync {
  background: #060c38 !important;
  padding: 0px; }

#ui-area .member-site-settings-container .ui-selection-column {
  width: 50px !important;
  text-align: center; }

#ui-area .member-site-settings-container .ui-paginator-bottom {
  border-bottom: 0px !important; }

#ui-area .member-site-settings-container .ui-tabs .ui-widget-header {
  border-color: #ddd !important; }

@media (max-width: 640px) and (min-width: 1px) {
  .guestTeeTimeReservation-portlet .ui-outputlabel.ui-widget {
    font-size: 14px !important; } }

.guestTeeTimeReservation-portlet button.ui-datepicker-trigger.ui-button {
  margin: 0px 3px !important; }

.guestTeeTimeReservation-portlet .gttr-slot {
  border: 1px solid #efefef !important;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin: 10px;
  padding: 0px; }
  .guestTeeTimeReservation-portlet .gttr-slot:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    -webkit-transform: scale(1.01, 1.01);
    transform: scale(1.01, 1.01);
    cursor: pointer; }

.guestTeeTimeReservation-portlet .gttr-slot-image {
  height: 300px !important;
  width: 100% !important;
  object-fit: cover; }

.guestTeeTimeReservation-portlet .gttr-resource-img {
  width: 80px !important;
  height: 50px !important;
  padding: 5px;
  background: white;
  border: 1px solid #eee !important;
  margin: 10px 5px;
  padding: 8px; }

.guestTeeTimeReservation-portlet .gttr-player-charges {
  font-size: 24px !important;
  color: #081F36;
  padding: 15px; }

.guestTeeTimeReservation-portlet .gttr-book-now-div {
  width: 100%; }
  .guestTeeTimeReservation-portlet .gttr-book-now-div .ui-area-btn, .guestTeeTimeReservation-portlet .gttr-book-now-div .events-cal-link {
    padding: 10px !important; }

.guestTeeTimeReservation-portlet .horizontal-date-picker .horizontal-dates a {
  color: #000; }

.guestTeeTimeReservation-portlet .horizontal-date-picker .horizontal-dates a.selected-date .calendar-year {
  color: #000; }

.guestTeeTimeReservation-portlet .horizontal-date-picker .backward-controls span, .guestTeeTimeReservation-portlet .horizontal-date-picker .backward-controls a, .guestTeeTimeReservation-portlet .horizontal-date-picker .forward-controls span, .guestTeeTimeReservation-portlet .horizontal-date-picker .forward-controls a {
  color: #060c38; }

.guestTeeTimeReservation-portlet .ui-paginator-bottom .ui-state-default {
  border: 0 !important; }

@media screen and (min-width: 641px) {
  .guestTeeTimeReservation-portlet .gr-signin-section .login-card {
    padding-left: 15px; } }

.guest-teetime-slot {
  border: solid 1px #eeeeee; }

.guest-teetime-slot-details, .guest-teetime-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); }

.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; }

.book-now-div {
  margin: 0 auto;
  width: 100px; }

.rates-error {
  color: red !important; }

.back-to-search-btn {
  width: 170px !important;
  float: right; }

.dialogOKBtn {
  width: 100px !important;
  display: inline-block !important; }

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

.reservation-holes {
  vertical-align: -webkit-baseline-middle; }

.guest-teetime-border {
  border-bottom: 1px #ccc dashed; }

.guest-teetime-border-top {
  border-top: 1px #ccc dashed; }

.confirm-title {
  text-align: center; }

.res-no {
  background: #F3F3F3 !important;
  text-align: center !important;
  line-height: 49px !important;
  vertical-align: middle !important; }

.book-another-btn {
  width: 170px !important;
  float: right; }

@media (min-width: 640px) {
  .slot-image {
    width: 330px !important;
    height: 220px !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: 220px !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: 170px !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: 100px; }
  .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; }

.gttr-review-box {
  width: 100%; }
  .gttr-review-box .gttr-course-label-div .gttr-review-label {
    display: block;
    margin-top: 0 !important; }

.gttr-review-box td {
  border: none !important;
  background: whitesmoke; }

.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; }

.gttr-review-box .ui-grid-row {
  padding: 2px;
  background: whitesmoke; }

.review-box-border {
  border: none !important; }

.gttr-player-info {
  padding: 10px;
  background: white;
  border-color: whitesmoke !important;
  border-width: 3px !important;
  border-style: solid !important;
  margin-top: 2%; }
  .gttr-player-info .gttr-number-of-players .ui-state-active {
    color: #fff !important; }

.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: 5px;
  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-bottom: 5%;
  text-shadow: none !important;
  margin-top: 5%; }
  .gtt-book-button:hover {
    background: #08a108 !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;
  display: block; }

.gttr-date-label {
  margin-left: 10%;
  font-size: 14px !important;
  margin-bottom: 0px !important;
  padding: 0px !important; }

.gttr-search-box-players-labels {
  margin-left: 5%;
  font-size: 14px !important;
  margin-bottom: 0px !important;
  padding: 0px !important; }

.gttr-search-box-course-labels {
  margin-left: 5%;
  font-size: 14px !important;
  margin-bottom: 0px !important;
  padding: 0px !important; }

.gttr-search-box-holes-labels {
  margin-left: 5%;
  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: 0% !important;
  margin-bottom: 0 !important;
  font-size: 22px !important;
  color: black !important;
  font-weight: 550 !important;
  padding: 0 !important; }

.gttr-review-date-label {
  margin-right: 0% !important;
  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: 0% !important; }

.gttr-payment-info .ui-grid-row {
  background: whitesmoke !important; }

.ggtr-price-separator {
  width: 80% !important;
  margin-left: 10% !important;
  margin-top: 20% !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%; }

.gttr-shopping-cart {
  font-size: 18px !important;
  color: grey !important;
  font-weight: 100 !important; }

.gttr-update-shopping-cart {
  font-size: 18px !important;
  color: #ff751a !important;
  font-weight: 100 !important; }

.gttr-confirmation-shopping-cart {
  width: 60% !important;
  margin-left: 20% !important; }

.fa-shopping-cart-custom {
  padding: 5px !important; }

.gtrr-booking-details label {
  display: block; }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .gttr-booking-col {
    display: inline-block !important;
    width: 50% !important;
    margin-top: 0% !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: 80% !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;
    margin-top: 0% !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;
  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: 62px; }

.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; }

/******* Admin Classes Forom Designer *********/
.form-designer-portlet .ui-panel-titlebar {
  background: #060c38 !important;
  border: 1px dotted #ccc !important; }
  .form-designer-portlet .ui-panel-titlebar span.ui-panel-title {
    color: #ffffff; }

.form-designer-portlet .ui-dialog-content a i {
  color: #060c38; }

.form-designer-portlet .required-text {
  color: red; }

.form-designer-portlet label {
  display: inline-block;
  top: 0; }

.form-designer-portlet .btn-responsive a i {
  display: none; }

/* form designer class */
.form-designer-portlet .fd-text-area {
  max-width: 100% !important; }

.form-designer-portlet .fd-section-name .ui-widget-header {
  background-color: #000000;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 10px !important;
  font-size: 20px !important; }

.form-designer-portlet .fd-radio-btn tr {
  display: inline-block;
  margin-right: 10px; }

/* end form designer class */
.form-designer-portlet .ui-panel-content {
  padding-top: 0.3em !important; }

.fd-radio-btn .ui-radiobutton.ui-widget {
  margin-right: 5px; }

.form-designer-portlet .ui-datepicker-trigger {
  margin-top: 0 !important; }

.form-designer-portlet .ui-panel-content {
  padding-top: 0 !important; }

.form-designer-portlet .fd-section-name .ui-panel-content .ui-corner-all {
  margin-top: 0 !important; }

.form-designer-portlet .fd-section-name .ui-panel-content button.ui-datepicker-trigger.ui-button-icon-only {
  right: -50px;
  top: -8px; }

/* media galley desktop start */
.portlet-image-gallery-display .header-back-to a {
  padding: 0;
  float: none !important; }

.portlet-image-gallery-display .lfr-asset-column.lfr-asset-column-details {
  margin-left: 0; }

.portlet-image-gallery-display ul {
  margin-left: 0 !important; }

.portlet-image-gallery-display .image-thumbnail img {
  height: 100px;
  width: 128px; }

.folder-thumbnail-div {
  cursor: pointer; }

.image-title, .folder-title {
  white-space: normal !important; }

.folder-icon {
  height: auto !important; }

.portlet-image-gallery-display .taglib-header .header-back-to a {
  margin: 5px 9px 0 0; }

.portlet-image-gallery-display .image-icon {
  padding: 5px 8px 0; }

/* Search Button Start */
div.input-append > input.search-query + button.btn[type="submit"] {
  padding: 4px 8px 4px 4px !important;
  margin-top: 0px !important; }

/* Search Button End */
/* media galley desktop End */
/* media galley mobile start */
/* Smartphone-start */
@media screen and (min-width: 220px) and (max-width: 767px) {
  .portlet-image-gallery-display ul {
    margin: 16px 0 !important; }
  .portlet-image-gallery-display .image-icon {
    display: block !important;
    float: inherit !important;
    max-width: 100% !important; }
  .image-thumbnail-div {
    margin: 0 auto !important; }
  .portlet-image-gallery-display .image-icon:hover, .portlet-image-gallery-display .image-icon.hover {
    background-color: transparent !important; }
  .portlet-image-gallery-display .image-title {
    margin: 5px auto 0; }
  .portlet-image-gallery-display .image-icon,
  .portlet-image-gallery-display .folder-icon {
    float: inherit  !important;
    width: 140px;
    margin: 20px auto; } }

/* Smartphone-end */
/* iPad-Portrait-start */
@media screen and (min-width: 768px) and (max-width: 979px) {
  .portlet-image-gallery-display .image-icon {
    margin: 10px 3px;
    padding: 5px 20px 0; }
  .portlet-image-gallery-display .image-icon,
  .portlet-image-gallery-display .folder-icon {
    width: 141px;
    margin: 20px auto; } }

/* iPad-Portrait-End */
/* iPad-Landscape-start */
@media screen and (min-width: 980px) and (max-width: 1199px) {
  .portlet-image-gallery-display .image-icon {
    margin: 10px 3px;
    padding: 5px 17px 0; } }

/* iPad-Landscape-end */
.image-thumbnail-div {
  cursor: pointer; }

.portlet-image-gallery-display .lfr-asset-metadata {
  display: none; }

/* media galley mobile end */