@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Jost:wght@300;400;500;600&display=swap');
/* gramercy tenant theme - GENERATED by tenants/build.js, edit tenants/gramercy/ */
ul.stepper .step:not(:last-of-type)::after{background-color:#E6DDCC}
@media only screen and (min-width: 993px){ul.stepper.horizontal .step .step-title::before{background-color:#E6DDCC}
ul.stepper.horizontal .step.active .step-title::before,ul.stepper.horizontal .step.done:after{background-color:#0F3B33}
ul.stepper.horizontal .step.active .step-title::before,ul.stepper.horizontal .step.done .step-title::before{background-color:#0F3B33}
}
::-webkit-scrollbar-thumb{background-color:#0F3B33}
.tickets-card .cards .card-header .card-title{color:#0A2A24}
.tickets-card .cards .card-header i{color:#8A6D3B}
.tickets-card .cards .card-content .card-icon{background-color:#0F3B33}
.tickets-card .cards .card-content .card-icon i i{color:#8A6D3B}
.tickets-card .cards .card-content .incident-count{color:#8A6D3B}
.tickets-card .cards .card-divider{background-color:#F3EEE4}
.unit-user-cards .cards .card-header .card-title{color:#0A2A24}
.unit-user-cards .cards .card-header i{color:#8A6D3B}
.unit-user-cards .cards .card-content .card-icon{background-color:#0F3B33}
.unit-user-cards .cards .card-content .card-icon i i{color:#8A6D3B}
.unit-user-cards .cards .card-content .incident-count{color:#8A6D3B}
.unit-user-cards .cards .card-divider{background-color:#F3EEE4}
.parking-card .cards .parking-label{color:#0F3B33}
.parking-card .cards i{color:#8A6D3B}
.parking-card .cards .select-searchable .select-wrapper .select2-container .selection .select2-selection--single .select2-selection__rendered{color:#4E4A42}
.parking-card .cards .select-container .select-wrapper .caret{fill:#B4935A}
.parking-card .register-printer-modal-container .register-printer-modal .register-printer-title{color:#4E4A42}
.parking-card .register-printer-modal-container .register-printer-modal .register-printer-comment{color:#4E4A42}
.parking-card .register-printer-modal-container .register-printer-modal .button-container .got-it-btn{background-color:#0F3B33}
.create-parking-card .cards .input-label{color:#0F3B33}
.create-parking-card .cards .select-container .select-wrapper .caret{fill:#B4935A}
.create-parking-card .cards .carousel .left-arrow{color:#8A6D3B}
.create-parking-card .cards .carousel .right-arrow{color:#8A6D3B}
.create-parking-card .cards .carousel .carousel-item i.fa-times-circle{color:#8A6D3B}
.create-parking-card .cards .carousel .carousel-item .fa-sync-alt-container{border:2px solid #B4935A}
.create-parking-card .cards .carousel .carousel-item .fa-sync-alt-container i.fa-sync-alt{color:#8A6D3B}
.create-parking-card .cards .carousel .carousel-item .item-image i{color:#0F3B33}
.create-parking-card .cards .carousel .carousel-item .item-image span{color:#0F3B33}
.create-parking-card .cards .input-photo-container{border:2px solid #B4935A;color:#8A6D3B}
.create-parking-card .cards .input-photo-container i{color:#8A6D3B}
.create-parking-card .cards .print-ticket-container{background:#0F3B33}
.pay-parking-card .cards .input-label{color:#0F3B33}
.pay-parking-card .cards .duration-discount-container .duration-container .select-container .select-wrapper .caret,.pay-parking-card .cards .duration-discount-container .discount-container .select-container .select-wrapper .caret{fill:#B4935A}
.pay-parking-card .cards .additional-charges-container .add-additional-charges .btn-add-charges{background-color:#0F3B33}
.pay-parking-card .cards .additional-charges-container .additional-charges .input-text-container .select-wrapper .caret,.pay-parking-card .cards .additional-charges-container .additional-charges .select-container .select-wrapper .caret{fill:#B4935A}
.pay-parking-card .cards .print-receipt-container{border:2px solid #B4935A;color:#8A6D3B}
.pay-parking-card .cards .print-receipt-container i{color:#8A6D3B}
.pay-parking-card .cards .pay-ticket-container{background:#0F3B33}
.logs-parking-card .cards .input-label{color:#0F3B33}
.logs-parking-card .cards .select-container .select-wrapper .dropdown-content li span{color:#B8AD9A !important}
.logs-parking-card .cards .select-container i{color:#8A6D3B}
.logs-parking-card .cards .pagination-container .pagination li a{color:#0A2A24}
.logs-parking-card .cards .pagination-container .pagination li.active{background-color:#0F3B33}
.logs-parking-card .cards .pagination-container .fa-angle-left{color:#8A6D3B}
.logs-parking-card .cards .pagination-container .fa-angle-right{color:#8A6D3B}
.reports-parking-card .cards .generate-report .report-btn{border:2px solid #B4935A;background-color:#0F3B33}
.reports-parking-card .cards .input-label{color:#0F3B33}
.reports-parking-card .cards .select-container .select-wrapper .dropdown-content li span{color:#B8AD9A !important}
.reports-parking-card .cards .select-container i{color:#8A6D3B}
.reports-parking-card .cards .date-container input{border:1px solid #E6DDCC;color:#4E4A42}
.reports-parking-card .cards .table-container table tbody tr td .report-btn{border:2px solid #B4935A;background-color:#0F3B33}
.reports-parking-card .cards .pagination-container .pagination li a{color:#0A2A24}
.reports-parking-card .cards .pagination-container .pagination li.active{background-color:#0F3B33}
.reports-parking-card .cards .pagination-container .fa-angle-left{color:#8A6D3B}
.reports-parking-card .cards .pagination-container .fa-angle-right{color:#8A6D3B}
.qr-parking-scanner-card .description{color:#0F3B33}
#video-container .scan-qr-btn{background:#0F3B33}
.or-separator .label{background-color:#0F3B33}
.calculate-price-card .cards .input-label{color:#0F3B33}
.calculate-price-card .cards .calculate-price-container{background:#0F3B33}
.fa-lock{color:#8A6D3B}
.global-button-1 button{background-color:#0F3B33}
.help{background-color:#0F3B33}
input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{border-bottom:1px solid #E6DDCC}
.datepicker-modal .datepicker-container .datepicker-date-display{background-color:#0A2A24}
.datepicker-modal .datepicker-container .datepicker-calendar-container .datepicker-calendar .datepicker-controls button:focus{background-color:#0A2A24}
.datepicker-modal .datepicker-container .datepicker-calendar-container .datepicker-calendar .datepicker-table-wrapper .datepicker-table tbody tr .is-today{color:#0A2A24}
.datepicker-modal .datepicker-container .datepicker-calendar-container .datepicker-calendar .datepicker-table-wrapper .datepicker-table tbody tr .is-selected{background-color:#0A2A24}
.datepicker-modal .datepicker-container .datepicker-calendar-container .datepicker-calendar .datepicker-table-wrapper .datepicker-table tbody tr td .datepicker-day-button:focus{background-color:#0A2A24}
.datepicker-modal .datepicker-container .datepicker-calendar-container .datepicker-footer .confirmation-btns button{color:#0A2A24}
.timepicker-modal .timepicker-container .timepicker-digital-display{background-color:#0A2A24}
.timepicker-modal .timepicker-container .timepicker-analog-display .timepicker-plate .timepicker-canvas .timepicker-svg g line{stroke:#0A2A24}
.timepicker-modal .timepicker-container .timepicker-analog-display .timepicker-plate .timepicker-canvas .timepicker-svg g circle{fill:#0A2A24}
.timepicker-modal .timepicker-container .timepicker-analog-display .timepicker-footer .confirmation-btns button{color:#0A2A24}
.search-row .search-container .search-inner{border:1px solid #E6DDCC}
.search-row .search-container .search-inner .icon-container{color:#8A6D3B}
.search-row .add-user{background-color:#0F3B33}
table thead tr{border-bottom:3px solid #0A2A24}
table thead tr th{color:#0A2A24}
.block-button{border:2px solid #B4935A;background-color:#0F3B33}
.hollow-button{border:2px solid #B4935A;color:#8A6D3B}
body,html{background-color:#0F3B33}
body .video-preview-ios-app-installation .controls,html .video-preview-ios-app-installation .controls{background-color:#DDD3C2}
body .video-preview-ios-app-installation .controls .buttons .screen:before,html .video-preview-ios-app-installation .controls .buttons .screen:before{color:#8A6D3B}
body .mobile-container [type="checkbox"].filled-in:checked+span:not(.lever):after,html .mobile-container [type="checkbox"].filled-in:checked+span:not(.lever):after{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-container i,html .mobile-container i{color:#8A6D3B}
body .mobile-container a.btn,html .mobile-container a.btn{background-color:#0F3B33}
body .mobile-container .login-footer span,html .mobile-container .login-footer span{color:#B8AD9A}
body .menu-container .collapsible li.active .collapsible-header,html .menu-container .collapsible li.active .collapsible-header{background-color:#0F3B33}
body .menu-container .collapsible .collapsible-header i,html .menu-container .collapsible .collapsible-header i{color:#8A6D3B}
body .menu-container .collapsible .collapsible-body .btn-next,html .menu-container .collapsible .collapsible-body .btn-next{background-color:#0F3B33}
body .menu-container .nav-container .nav-mobile i,html .menu-container .nav-container .nav-mobile i{color:#8A6D3B}
body .menu-container .nav-container .profile-mobile i,html .menu-container .nav-container .profile-mobile i{color:#8A6D3B}
body .menu-container .nav-container .profile-mobile .dropdown-content div li a .row .ticket,html .menu-container .nav-container .profile-mobile .dropdown-content div li a .row .ticket{color:#8A6D3B}
body .menu-container .nav-container .profile-mobile .dropdown-content div li a .row .label,html .menu-container .nav-container .profile-mobile .dropdown-content div li a .row .label{color:#0F3B33}
body .menu-container .navigation-qr-container .navigation ul li div:nth-child(1),html .menu-container .navigation-qr-container .navigation ul li div:nth-child(1){color:#0F3B33}
body .menu-container .navigation-qr-container .navigation ul li div:nth-child(2) i,html .menu-container .navigation-qr-container .navigation ul li div:nth-child(2) i{background-color:#0F3B33}
body .menu-container .navigation-qr-container .navigation .grid-menu .grid-item,html .menu-container .navigation-qr-container .navigation .grid-menu .grid-item{color:#0F3B33}
body .menu-container .navigation-qr-container .navigation .grid-menu .grid-item a i,html .menu-container .navigation-qr-container .navigation .grid-menu .grid-item a i{background-color:#0F3B33}
body .menu-container .navigation-qr-container .navigation .grid-menu .grid-item a span,html .menu-container .navigation-qr-container .navigation .grid-menu .grid-item a span{color:#0A2A24}
body .menu-container .navigation-qr-container .quick-release .generate-qr .row .btn-generate-guest-qr,html .menu-container .navigation-qr-container .quick-release .generate-qr .row .btn-generate-guest-qr{background-color:#0F3B33}
body .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .input-field .input-title,html .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .input-field .input-title{color:#0A2A24}
body .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .input-field .fa-calendar-alt,html .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .input-field .fa-calendar-alt{color:#8A6D3B}
body .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .btn-generate-share,html .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .btn-generate-share{background-color:#0F3B33}
body .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .btn-generated-shared,html .menu-container .navigation-qr-container .quick-release .guest-qr-create .qr-container .row .btn-generated-shared{border:1px solid #B4935A;color:#8A6D3B}
body .mobile-content input,body .mobile-content textarea,html .mobile-content input,html .mobile-content textarea{color:#4E4A42}
body .mobile-content .page-title i,html .mobile-content .page-title i{color:#8A6D3B}
body .mobile-content .view-ticket-container .ticket-id,html .mobile-content .view-ticket-container .ticket-id{color:#0F3B33}
body .mobile-content .view-ticket-container .ticket-element div:nth-child(1),html .mobile-content .view-ticket-container .ticket-element div:nth-child(1){color:#0F3B33}
body .mobile-content .view-ticket-container .view-ticket-button,html .mobile-content .view-ticket-container .view-ticket-button{background-color:#0F3B33}
body .mobile-content .content-container .facility-type .select-wrapper .dropdown-content li span,body .mobile-content .content-container .unit-number .select-wrapper .dropdown-content li span,body .mobile-content .content-container .guest .select-wrapper .dropdown-content li span,html .mobile-content .content-container .facility-type .select-wrapper .dropdown-content li span,html .mobile-content .content-container .unit-number .select-wrapper .dropdown-content li span,html .mobile-content .content-container .guest .select-wrapper .dropdown-content li span{color:#B8AD9A !important}
body .mobile-content .content-container .pin-code .custom-field input,html .mobile-content .content-container .pin-code .custom-field input{color:#0A2A24}
body .mobile-content .content-container .facility-request-btn,html .mobile-content .content-container .facility-request-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .content-container .override p label span,html .mobile-content .content-container .override p label span{color:#4E4A42}
body .mobile-content .content-container .override p label [type="checkbox"].filled-in:checked+span:not(.lever):after,html .mobile-content .content-container .override p label [type="checkbox"].filled-in:checked+span:not(.lever):after{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .content-container .override p label [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after,html .mobile-content .content-container .override p label [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{border:2px solid #B8AD9A}
body .mobile-content .content-container .guest-options-2 .select-wrapper .caret,html .mobile-content .content-container .guest-options-2 .select-wrapper .caret{fill:#B4935A}
body .mobile-content .content-container .guest-options-2 .select-wrapper .dropdown-content li span,html .mobile-content .content-container .guest-options-2 .select-wrapper .dropdown-content li span{color:#B8AD9A !important}
body .mobile-content .content-container .guest-options-2 .right-align .add-guest-btn,html .mobile-content .content-container .guest-options-2 .right-align .add-guest-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .content-container .mobile-tabs .tab a,html .mobile-content .content-container .mobile-tabs .tab a{color:#B8AD9A}
body .mobile-content .content-container .mobile-tabs .tab a.active,html .mobile-content .content-container .mobile-tabs .tab a.active{color:#0A2A24}
body .mobile-content .content-container .mobile-tabs .indicator,html .mobile-content .content-container .mobile-tabs .indicator{background-color:#0F3B33}
body .mobile-content .content-container .services-checklist [type="checkbox"].filled-in:checked+span:not(.lever):after,html .mobile-content .content-container .services-checklist [type="checkbox"].filled-in:checked+span:not(.lever):after{background-color:#0F3B33;border:2px solid #B4935A}
body .mobile-content .content-container .services-checklist [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after,html .mobile-content .content-container .services-checklist [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{border:2px solid #B8AD9A}
body .mobile-content .content-container .dropdown-select input,html .mobile-content .content-container .dropdown-select input{border:1px solid #E6DDCC}
body .mobile-content .content-container .dropdown-select i,html .mobile-content .content-container .dropdown-select i{color:#8A6D3B}
body .mobile-content .content-container .input-field,body .mobile-content .content-container .custom-field,html .mobile-content .content-container .input-field,html .mobile-content .content-container .custom-field{border:1px solid #E6DDCC}
body .mobile-content .content-container .input-field .caret,body .mobile-content .content-container .custom-field .caret,html .mobile-content .content-container .input-field .caret,html .mobile-content .content-container .custom-field .caret{fill:#B4935A}
body .mobile-content .content-container .input-field i,body .mobile-content .content-container .custom-field i,html .mobile-content .content-container .input-field i,html .mobile-content .content-container .custom-field i{color:#8A6D3B}
body .mobile-content .content-container .input-field .number-caret i,body .mobile-content .content-container .custom-field .number-caret i,html .mobile-content .content-container .input-field .number-caret i,html .mobile-content .content-container .custom-field .number-caret i{color:#8A6D3B}
body .mobile-content .content-container .input-field .date-icons span,body .mobile-content .content-container .custom-field .date-icons span,html .mobile-content .content-container .input-field .date-icons span,html .mobile-content .content-container .custom-field .date-icons span{color:#B8AD9A}
body .mobile-content .content-container .input-field .chips .chip i,body .mobile-content .content-container .custom-field .chips .chip i,html .mobile-content .content-container .input-field .chips .chip i,html .mobile-content .content-container .custom-field .chips .chip i{color:#8A6D3B}
body .mobile-content .content-container .input-field .chips .chip:focus,body .mobile-content .content-container .custom-field .chips .chip:focus,html .mobile-content .content-container .input-field .chips .chip:focus,html .mobile-content .content-container .custom-field .chips .chip:focus{background-color:#0F3B33}
body .mobile-content .content-container .custom-field.select-searchable .select-wrapper .select2-container .selection .select2-selection--single .select2-selection__rendered,html .mobile-content .content-container .custom-field.select-searchable .select-wrapper .select2-container .selection .select2-selection--single .select2-selection__rendered{color:#4E4A42}
body .mobile-content .content-container .custom-field.select-multiple.select-searchable .select-wrapper .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,html .mobile-content .content-container .custom-field.select-multiple.select-searchable .select-wrapper .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{color:#4E4A42}
body .mobile-content .content-container .custom-field.select-multiple.select-searchable .select-wrapper .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,html .mobile-content .content-container .custom-field.select-multiple.select-searchable .select-wrapper .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{color:#8A6D3B}
body .mobile-content .content-container .custom-field.select-multiple.select-searchable .select-wrapper .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-search,html .mobile-content .content-container .custom-field.select-multiple.select-searchable .select-wrapper .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-search{color:#4E4A42}
body .mobile-content .content-container .custom-field.date-container .dates .date,html .mobile-content .content-container .custom-field.date-container .dates .date{color:#4E4A42}
body .mobile-content .content-container .report-ticket-btn,html .mobile-content .content-container .report-ticket-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .content-container .reservation-btn,html .mobile-content .content-container .reservation-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .content-container .back-btn,html .mobile-content .content-container .back-btn{color:#8A6D3B;border:1px solid #B4935A}
body .mobile-content .content-container label,html .mobile-content .content-container label{color:#0A2A24}
body .mobile-content .content-container .grid-container,html .mobile-content .content-container .grid-container{border:1px solid #0F3B33}
body .mobile-content .content-container .grid-container table thead tr,html .mobile-content .content-container .grid-container table thead tr{border-bottom:1px solid #0A2A24}
body .mobile-content .content-container .grid-container table thead tr th,html .mobile-content .content-container .grid-container table thead tr th{color:#0A2A24}
body .mobile-content .content-container .grid-container table tbody tr,html .mobile-content .content-container .grid-container table tbody tr{border-bottom:1px solid #7A7264}
body .mobile-content .content-container .grid-container table tbody tr td span,html .mobile-content .content-container .grid-container table tbody tr td span{color:#4E4A42}
body .mobile-content .content-container .grid-container table tbody tr td input,html .mobile-content .content-container .grid-container table tbody tr td input{border:1px solid #E6DDCC;color:#4E4A42}
body .mobile-content .content-container .grid-container table tbody tr td .actions-container i,html .mobile-content .content-container .grid-container table tbody tr td .actions-container i{color:#8A6D3B}
body .mobile-content .content-container .productcheckout-container,html .mobile-content .content-container .productcheckout-container{border:1px solid #0F3B33}
body .mobile-content .content-container .productcheckout-container table thead tr,html .mobile-content .content-container .productcheckout-container table thead tr{border-bottom:1px solid #0A2A24}
body .mobile-content .content-container .productcheckout-container table thead tr th,html .mobile-content .content-container .productcheckout-container table thead tr th{color:#0A2A24}
body .mobile-content .content-container .productcheckout-container table tbody tr,html .mobile-content .content-container .productcheckout-container table tbody tr{border-bottom:1px solid #7A7264}
body .mobile-content .content-container .productcheckout-container table tbody tr td,html .mobile-content .content-container .productcheckout-container table tbody tr td{color:#4E4A42}
body .mobile-content .content-container .productcheckout-container table tbody tr td input,html .mobile-content .content-container .productcheckout-container table tbody tr td input{border:1px solid #E6DDCC;color:#4E4A42}
body .mobile-content .content-container .productcheckout-container table tbody tr td p label [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after,html .mobile-content .content-container .productcheckout-container table tbody tr td p label [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{border:2px solid #E6DDCC}
body .mobile-content .content-container .productcheckout-container table tbody tr td p label [type="checkbox"].filled-in:checked+span:not(.lever):after,html .mobile-content .content-container .productcheckout-container table tbody tr td p label [type="checkbox"].filled-in:checked+span:not(.lever):after{border:2px solid #E6DDCC}
body .mobile-content .content-container .productcheckout-container table tbody tr td p label [type="checkbox"].filled-in:checked+span:not(.lever):before,html .mobile-content .content-container .productcheckout-container table tbody tr td p label [type="checkbox"].filled-in:checked+span:not(.lever):before{border-right:2px solid #B4935A;border-bottom:2px solid #B4935A}
body .mobile-content .content-container .productcheckout-container .btn-container .checkout-submit-btn,html .mobile-content .content-container .productcheckout-container .btn-container .checkout-submit-btn{background-color:#0F3B33}
body .mobile-content .content-container .productcheckout-container .checkout-status,html .mobile-content .content-container .productcheckout-container .checkout-status{border:1px solid #B4935A;color:#8A6D3B}
body .mobile-content .content-container .checkbox-container .checkbox-div label [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after,html .mobile-content .content-container .checkbox-container .checkbox-div label [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{border:2px solid #E6DDCC}
body .mobile-content .content-container .checkbox-container .checkbox-div label [type="checkbox"].filled-in:checked+span:not(.lever):after,html .mobile-content .content-container .checkbox-container .checkbox-div label [type="checkbox"].filled-in:checked+span:not(.lever):after{border:2px solid #E6DDCC}
body .mobile-content .content-container .checkbox-container .checkbox-div label [type="checkbox"].filled-in:checked+span:not(.lever):before,html .mobile-content .content-container .checkbox-container .checkbox-div label [type="checkbox"].filled-in:checked+span:not(.lever):before{border-right:2px solid #B4935A;border-bottom:2px solid #B4935A}
body .mobile-content .content-container input[type=submit],html .mobile-content .content-container input[type=submit]{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .content-container .header,html .mobile-content .content-container .header{color:#0A2A24}
body .mobile-content .content-container .input-div.date input,html .mobile-content .content-container .input-div.date input{border:1px solid #E6DDCC}
body .mobile-content .content-container .input-div.date i,html .mobile-content .content-container .input-div.date i{color:#8A6D3B}
body .mobile-content .content-container .comment-section .comment-input .button-container .comment-submit-btn,html .mobile-content .content-container .comment-section .comment-input .button-container .comment-submit-btn{background-color:#0F3B33}
body .mobile-content .content-container .comment-section .comments .comment .comment-data,html .mobile-content .content-container .comment-section .comments .comment .comment-data{color:#4E4A42}
body .mobile-content .content-container .carousel .left-arrow,html .mobile-content .content-container .carousel .left-arrow{color:#8A6D3B}
body .mobile-content .content-container .carousel .right-arrow,html .mobile-content .content-container .carousel .right-arrow{color:#8A6D3B}
body .mobile-content .content-container .carousel .carousel-item i.fa-times-circle,html .mobile-content .content-container .carousel .carousel-item i.fa-times-circle{color:#8A6D3B}
body .mobile-content .content-container .carousel .carousel-item .fa-sync-alt-container,html .mobile-content .content-container .carousel .carousel-item .fa-sync-alt-container{border:2px solid #B4935A}
body .mobile-content .content-container .carousel .carousel-item .fa-sync-alt-container i.fa-sync-alt,html .mobile-content .content-container .carousel .carousel-item .fa-sync-alt-container i.fa-sync-alt{color:#8A6D3B}
body .mobile-content .content-container .carousel .carousel-item .item-image i,html .mobile-content .content-container .carousel .carousel-item .item-image i{color:#0F3B33}
body .mobile-content .content-container .carousel .carousel-item .item-image span,html .mobile-content .content-container .carousel .carousel-item .item-image span{color:#0F3B33}
body .mobile-content .content-container .carousel .carousel-item .video-preview .controls,html .mobile-content .content-container .carousel .carousel-item .video-preview .controls{background-color:#DDD3C2}
body .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .play-pause:before,html .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .play-pause:before{color:#8A6D3B}
body .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .volume:before,html .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .volume:before{color:#8A6D3B}
body .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .volume .v-slider .noUi-handle.noUi-handle-lower,html .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .volume .v-slider .noUi-handle.noUi-handle-lower{background-color:#0F3B33}
body .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .screen:before,html .mobile-content .content-container .carousel .carousel-item .video-preview .controls .buttons .screen:before{color:#8A6D3B}
body .mobile-content .content-container .carousel .carousel-item .video-preview .controls .time .time-bar .time-bar-fill,html .mobile-content .content-container .carousel .carousel-item .video-preview .controls .time .time-bar .time-bar-fill{background-color:#0F3B33}
body .mobile-content .content-container .incident-button button,html .mobile-content .content-container .incident-button button{border:2px solid #B4935A;color:#8A6D3B}
body .mobile-content .billings .date-filter-container .month-container .label,body .mobile-content .billings .date-filter-container .year-container .label,html .mobile-content .billings .date-filter-container .month-container .label,html .mobile-content .billings .date-filter-container .year-container .label{color:#0F3B33}
body .mobile-content .billings .date-filter-container .month-container .select-container,body .mobile-content .billings .date-filter-container .year-container .select-container,html .mobile-content .billings .date-filter-container .month-container .select-container,html .mobile-content .billings .date-filter-container .year-container .select-container{border:1px solid #E6DDCC}
body .mobile-content .billings .date-filter-container .month-container .select-container .select-wrapper .caret,body .mobile-content .billings .date-filter-container .year-container .select-container .select-wrapper .caret,html .mobile-content .billings .date-filter-container .month-container .select-container .select-wrapper .caret,html .mobile-content .billings .date-filter-container .year-container .select-container .select-wrapper .caret{fill:#B4935A}
body .mobile-content .billings .billing-menu .billing-details .title,html .mobile-content .billings .billing-menu .billing-details .title{color:#0F3B33}
body .mobile-content .billings .billing-menu .billing-details .billing-label,html .mobile-content .billings .billing-menu .billing-details .billing-label{color:#0F3B33}
body .mobile-content .billings .billing-menu .billing-buttons a.pay-now-btn,html .mobile-content .billings .billing-menu .billing-buttons a.pay-now-btn{background-color:#0F3B33}
body .mobile-content .billings .billing-menu .billing-buttons a.view-details-btn,html .mobile-content .billings .billing-menu .billing-buttons a.view-details-btn{color:#8A6D3B;border:1px solid #B4935A}
body .mobile-content .billings .payment-menu .billing-details .billing-label,html .mobile-content .billings .payment-menu .billing-details .billing-label{color:#0F3B33}
body .mobile-content .billings .payment-menu .billing-details .divider,html .mobile-content .billings .payment-menu .billing-details .divider{background-color:#E6DDCC}
body .mobile-content .billings .payment-menu .payment-method .payment-label,html .mobile-content .billings .payment-menu .payment-method .payment-label{color:#0F3B33}
body .mobile-content .billings .payment-menu .payment-method .payment-methods-container .label,html .mobile-content .billings .payment-menu .payment-method .payment-methods-container .label{color:#0F3B33}
body .mobile-content .billings .payment-menu .payment-method .payment-methods-container .card-container a,html .mobile-content .billings .payment-menu .payment-method .payment-methods-container .card-container a{border:1px solid #B4935A}
body .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .confirmation-title,html .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .confirmation-title{color:#4E4A42}
body .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .confirmation-label .confirmation-initial,html .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .confirmation-label .confirmation-initial{color:#4E4A42}
body .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .confirmation-comments,html .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .confirmation-comments{color:#4E4A42}
body .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .button-container .home-btn,html .mobile-content .billings .payment-menu .payment-method .payment-methods-container .payment-modal-container .confirmation-modal .button-container .home-btn{background-color:#0F3B33}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .card-number-container .label,body .mobile-content .billings .payment-menu .payment-method .credentials-container .card-holder-container .label,html .mobile-content .billings .payment-menu .payment-method .credentials-container .card-number-container .label,html .mobile-content .billings .payment-menu .payment-method .credentials-container .card-holder-container .label{color:#0F3B33}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .card-number-container .text-container input,body .mobile-content .billings .payment-menu .payment-method .credentials-container .card-holder-container .text-container input,html .mobile-content .billings .payment-menu .payment-method .credentials-container .card-number-container .text-container input,html .mobile-content .billings .payment-menu .payment-method .credentials-container .card-holder-container .text-container input{border:1px solid #E6DDCC}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .card-number-container .text-container .fa-lock-alt,body .mobile-content .billings .payment-menu .payment-method .credentials-container .card-holder-container .text-container .fa-lock-alt,html .mobile-content .billings .payment-menu .payment-method .credentials-container .card-number-container .text-container .fa-lock-alt,html .mobile-content .billings .payment-menu .payment-method .credentials-container .card-holder-container .text-container .fa-lock-alt{color:#0F3B33}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .expiry-container .label,body .mobile-content .billings .payment-menu .payment-method .credentials-container .cvc-container .label,html .mobile-content .billings .payment-menu .payment-method .credentials-container .expiry-container .label,html .mobile-content .billings .payment-menu .payment-method .credentials-container .cvc-container .label{color:#0F3B33}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .expiry-container .text-container input,body .mobile-content .billings .payment-menu .payment-method .credentials-container .cvc-container .text-container input,html .mobile-content .billings .payment-menu .payment-method .credentials-container .expiry-container .text-container input,html .mobile-content .billings .payment-menu .payment-method .credentials-container .cvc-container .text-container input{border:1px solid #E6DDCC}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .btn-container .submit-payment-btn,html .mobile-content .billings .payment-menu .payment-method .credentials-container .btn-container .submit-payment-btn{background:#0F3B33}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .confirmation-title,html .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .confirmation-title{color:#4E4A42}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .confirmation-label .confirmation-initial,html .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .confirmation-label .confirmation-initial{color:#4E4A42}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .confirmation-comments,html .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .confirmation-comments{color:#4E4A42}
body .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .button-container .home-btn,html .mobile-content .billings .payment-menu .payment-method .credentials-container .payment-modal-container .confirmation-modal .button-container .home-btn{background-color:#0F3B33}
body .mobile-content .button-container .view-billing-history-btn,html .mobile-content .button-container .view-billing-history-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .tab-container #record-reading .tab-attachment-container .attachment-header,html .mobile-content .tab-container #record-reading .tab-attachment-container .attachment-header{color:#0A2A24}
body .mobile-content .tab-container #record-reading .tab-attachment-container .attachment-content a i,html .mobile-content .tab-container #record-reading .tab-attachment-container .attachment-content a i{color:#8A6D3B}
body .mobile-content .tab-container #record-reading .tab-attachment-container .attachment-content i,html .mobile-content .tab-container #record-reading .tab-attachment-container .attachment-content i{color:#8A6D3B}
body .mobile-content .tab-container #record-reading .tabs-2-div .tabs.mobile-tabs-2,html .mobile-content .tab-container #record-reading .tabs-2-div .tabs.mobile-tabs-2{background-color:#DDD3C2}
body .mobile-content .tab-container #record-reading .tabs-2-div .tabs.mobile-tabs-2 .tab a.active,html .mobile-content .tab-container #record-reading .tabs-2-div .tabs.mobile-tabs-2 .tab a.active{border:1px solid #B8AD9A}
body .mobile-content .tab-container #record-reading .tabs-2-div .tabs.mobile-tabs-2 .tab a,html .mobile-content .tab-container #record-reading .tabs-2-div .tabs.mobile-tabs-2 .tab a{color:#0A2A24}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row table tbody tr td input,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row table tbody tr td input{border:1px solid #E6DDCC}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row table tbody tr td input:focus,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row table tbody tr td input:focus{-webkit-box-shadow:0 1px 0 0 #B4935A;box-shadow:0 1px 0 0 #B4935A}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .unit-title,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .unit-title{color:#0F3B33}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .js-item,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .js-item{color:#8A6D3B}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .js-item .fa-clipboard-check,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .js-item .fa-clipboard-check{color:#8A6D3B}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .js-item:hover,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .units-row .js-item:hover{background-color:#0F3B33;border-color:#B4935A}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .fa-window-close,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .fa-window-close{color:#8A6D3B}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .unit-title,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .unit-title{color:#0F3B33}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .readings .reading-title,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .readings .reading-title{color:#0A2A24}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .readings .reading-input,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .readings .reading-input{color:#0F3B33;border:2px solid #DDD3C2}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .readings .reading-input input,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .readings .reading-input input{color:#0F3B33}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .buttons .prev-btn,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .buttons .prev-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .buttons .next-btn,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .buttons .next-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .unit-reading-signature .signature-title,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .unit-reading-signature .signature-title{color:#0A2A24}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .unit-reading-signature .btn-create-ticket,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .unit-reading .unit-reading-signature .btn-create-ticket{background-color:#0F3B33}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .swipe-instructions,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .swipe-instructions{color:#8A6D3B}
body .mobile-content .tab-container #record-reading .tabs-2-div-content .content .btn-row .record-meter-btn,html .mobile-content .tab-container #record-reading .tabs-2-div-content .content .btn-row .record-meter-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .tab-container #view-readings .tabs-2-div .tabs.mobile-tabs-2,html .mobile-content .tab-container #view-readings .tabs-2-div .tabs.mobile-tabs-2{background-color:#DDD3C2}
body .mobile-content .tab-container #view-readings .tabs-2-div .tabs.mobile-tabs-2 .tab a.active,html .mobile-content .tab-container #view-readings .tabs-2-div .tabs.mobile-tabs-2 .tab a.active{border:1px solid #B8AD9A}
body .mobile-content .tab-container #view-readings .tabs-2-div .tabs.mobile-tabs-2 .tab a,html .mobile-content .tab-container #view-readings .tabs-2-div .tabs.mobile-tabs-2 .tab a{color:#0A2A24}
body .mobile-content .tab-container #view-readings .tabs-2-div-content .content .table-row table tbody tr td input,html .mobile-content .tab-container #view-readings .tabs-2-div-content .content .table-row table tbody tr td input{border:1px solid #E6DDCC}
body .mobile-content .tab-container #view-readings .tabs-2-div-content .content .table-row table tbody tr td input:focus,html .mobile-content .tab-container #view-readings .tabs-2-div-content .content .table-row table tbody tr td input:focus{-webkit-box-shadow:0 1px 0 0 #B4935A;box-shadow:0 1px 0 0 #B4935A}
body .mobile-content .tab-container #view-readings .tabs-2-div-content .content .btn-row .record-meter-btn,html .mobile-content .tab-container #view-readings .tabs-2-div-content .content .btn-row .record-meter-btn{border:2px solid #B4935A;background-color:#0F3B33}
body .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-header,html .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-header{color:#0A2A24}
body .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-header i,html .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-header i{color:#8A6D3B}
body .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-content a i,html .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-content a i{color:#8A6D3B}
body .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-content i,html .mobile-content .tab-container #news-mobile .tab-attachment-container .attachment-content i{color:#8A6D3B}
body .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-header,html .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-header{color:#0A2A24}
body .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-header i,html .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-header i{color:#8A6D3B}
body .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-content a i,html .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-content a i{color:#8A6D3B}
body .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-content i,html .mobile-content .tab-container #events-mobile .tab-attachment-container .attachment-content i{color:#8A6D3B}
body .ticket-modal .ticket-header,html .ticket-modal .ticket-header{color:#0A2A24}
body .ticket-modal .ticket-number p,html .ticket-modal .ticket-number p{color:#0A2A24}
body .ticket-modal .ticket-number p span,html .ticket-modal .ticket-number p span{color:#8A6D3B}
body .checkout-modal-container .checkout-container .fa-long-arrow-alt-left,html .checkout-modal-container .checkout-container .fa-long-arrow-alt-left{color:#8A6D3B}
body .checkout-modal-container .checkout-container .productcheckout-container table thead tr th,html .checkout-modal-container .checkout-container .productcheckout-container table thead tr th{color:#0F3B33}
body .checkout-modal-container .checkout-container .productcheckout-container table tbody tr,html .checkout-modal-container .checkout-container .productcheckout-container table tbody tr{border-bottom:1px solid #E6DDCC}
body .checkout-modal-container .checkout-container .productcheckout-container table tbody tr td,html .checkout-modal-container .checkout-container .productcheckout-container table tbody tr td{color:#4E4A42}
body .checkout-modal-container .checkout-container .button-container .checkout-btn,html .checkout-modal-container .checkout-container .button-container .checkout-btn{background:#0F3B33}
body .checkout-modal-container .checkout-container .total-container,html .checkout-modal-container .checkout-container .total-container{color:#0F3B33}
body .fab-container button,html .fab-container button{background-color:#0F3B33}
.swal2-container .swal-print-receipt-btn{background-color:#0F3B33;border-left-color:#0F3B33;border-right-color:#0F3B33}
.select2-container--open .select2-dropdown{border:1px solid #E6DDCC}
.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field{color:#4E4A42}
.select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option{color:#4E4A42}
.select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted{background-color:#0F3B33}
.modal-pay-parking-ticket .modal-pay-parking-container .alert-btn-container .print-receipt-btn{border-left-color:#B4935A;border-right-color:#B4935A}
.modal-print-parking-report .modal-print-parking-report-container .action-buttons .btn-print{border:2px solid #B4935A;background-color:#0F3B33}

/*
 * The Gramercy Residences - hand-tuned layer on top of the generated re-colour.
 * Palette: Gramercy Park green, aged brass, travertine cream, crest ink.
 * Type: Cormorant Garamond (display, echoes the crest's Roman capitals) + Jost (UI).
 */


:root {
  --g-green: #0F3B33;
  --g-green-hover: #15493F;
  --g-green-deep: #0A2A24;
  --g-brass: #B4935A;
  --g-brass-light: #CDB07A;
  --g-bronze: #8A6D3B;
  --g-cream: #F5F0E6;
  --g-paper: #FBF8F2;
  --g-stone: #E6DDCC;
  --g-ink: #1C1C1A;
  --g-serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --g-sans: 'Jost', 'Roboto', sans-serif;
}

/* ---- base ---------------------------------------------------------------- */
body, html {
  font-family: var(--g-sans);
  background-color: var(--g-green);
  background-image: radial-gradient(140% 55% at 50% 0%, #15493F 0%, var(--g-green) 55%, var(--g-green-deep) 100%);
  background-attachment: fixed;
  color: var(--g-ink);
}
a { color: var(--g-bronze); }
button, input, optgroup, select, textarea, .btn, .select-dropdown, .dropdown-content li > span { font-family: var(--g-sans); }
::selection { background: var(--g-stone); color: var(--g-ink); }

/* Materialize defaults that are not in style.css (teal / light blue) */
.btn, .btn-large, .btn-small, .btn-floating { background-color: var(--g-green); }
.btn:hover, .btn-large:hover, .btn-small:hover, .btn:focus, .btn-floating:hover { background-color: var(--g-green-hover); }
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom-color: var(--g-brass);
  box-shadow: 0 1px 0 0 var(--g-brass);
}
input:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: var(--g-bronze); }
.tabs .tab a, .tabs .tab a:hover, .tabs .tab a.active { color: var(--g-green); }
.tabs .tab a:focus, .tabs .tab a:focus.active { background-color: rgba(180, 147, 90, 0.12); }
.tabs .indicator { background-color: var(--g-brass); }
[type=checkbox].filled-in:checked + span:not(.lever):after { border-color: var(--g-brass); background-color: var(--g-brass); }
[type=radio]:checked + span:after, [type=radio].with-gap:checked + span:before, [type=radio].with-gap:checked + span:after { border-color: var(--g-brass); }
[type=radio]:checked + span:after, [type=radio].with-gap:checked + span:after { background-color: var(--g-brass); }
.switch label input[type=checkbox]:checked + .lever { background-color: rgba(180, 147, 90, 0.45); }
.switch label input[type=checkbox]:checked + .lever:after { background-color: var(--g-brass); }
.dropdown-content li > a, .dropdown-content li > span { color: var(--g-green); }
.spinner-layer { border-color: var(--g-brass); }
.progress { background-color: var(--g-stone); }
.progress .indeterminate, .progress .determinate { background-color: var(--g-brass); }
.chip:focus { background-color: var(--g-brass); }
.datepicker-date-display, .timepicker-digital-display { background-color: var(--g-green); }
.datepicker-table td.is-selected, .datepicker-day-button:focus { background-color: var(--g-green); }
.datepicker-table td.is-today, .datepicker-cancel, .datepicker-clear, .datepicker-done,
.timepicker-close, .timepicker-clear { color: var(--g-bronze); }

/* Display type for headings and titles */
h1, h2, h3, h4, h5,
.mobile-content .page-title, .mobile-content .page-title .span,
body .mobile-content .content-container .header,
body .mobile-content .view-ticket-container .ticket-id,
.tickets-card .cards .card-header .card-title,
.unit-user-cards .cards .card-header .card-title,
body .ticket-modal .ticket-header,
body .mobile-content .billings .billing-menu .billing-details .title {
  font-family: var(--g-serif);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.mobile-content .page-title .span { color: var(--g-cream); }
.mobile-content .page-title .span::after {
  content: ''; display: block; width: 44px; height: 2px; margin-top: 6px; background: var(--g-brass);
}

/* SweetAlert2 dialogs (colours are set inline by the app, hence !important) */
.swal2-popup { font-family: var(--g-sans); border-radius: 4px; }
.swal2-popup .swal2-title { font-family: var(--g-serif); font-weight: 600; color: var(--g-ink); }
.swal2-popup .swal2-content { color: #4E4A42; }
.swal2-popup .swal2-styled.swal2-confirm { background-color: var(--g-green) !important; border-color: var(--g-green) !important; border-radius: 2px; letter-spacing: 0.04em; }
.swal2-popup .swal2-styled.swal2-cancel { background-color: #fff !important; color: var(--g-green) !important; border: 1px solid var(--g-brass) !important; border-radius: 2px; }
.swal2-popup .swal2-styled:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(180, 147, 90, 0.6); }
.swal2-popup .swal2-loading .swal2-styled.swal2-confirm { border-left-color: var(--g-green) !important; border-right-color: var(--g-green) !important; }
.swal2-icon.swal2-info { border-color: var(--g-brass); color: var(--g-brass); }

/* ---- login --------------------------------------------------------------- */
/* Logo + footer set here (not only via settings.js) so pages that skip the
   common JS, e.g. forget-password.html, are branded too, with no flash. */
.logo { background-image: url(/tenants/gramercy/logo-cream.png) !important; }
body .mobile-container .login-footer span { font-size: 0; }
body .mobile-container .login-footer span::after { content: 'The Gramercy Residences \00B7  Century Properties'; font-size: 12px; }
body .mobile-container .logo-mobile { height: 150px; margin-top: 56px; margin-bottom: 36px; }
body .mobile-container .mobile-input input {
  background-color: var(--g-paper);
  border: 1px solid rgba(180, 147, 90, 0.55) !important;
  border-radius: 2px !important;
  font-family: var(--g-sans);
  font-size: 17px;
  color: var(--g-ink);
}
body .mobile-container .mobile-input input::placeholder { color: #7A7264; }
body .mobile-container .mobile-input input:focus { border-color: var(--g-brass) !important; box-shadow: 0 0 0 3px rgba(205, 176, 122, 0.35) !important; }
body .mobile-container i { color: var(--g-bronze); }
body .mobile-container a.btn, body .mobile-container .login-button {
  background-color: var(--g-brass);
  color: var(--g-green-deep);
  border-radius: 2px;
  font-family: var(--g-sans);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-top: 12px;
}
body .mobile-container a.btn:hover, body .mobile-container a.btn:focus { background-color: var(--g-brass-light); }
body .mobile-container .forget-password { color: rgba(245, 240, 230, 0.75) !important; }
body .mobile-container .forget-password a,
body .mobile-container .terms-and-conditions a,
body .mobile-container .login-footer a { color: var(--g-brass-light); text-decoration: underline; text-underline-offset: 3px; }
body .mobile-container .terms-and-conditions span { color: rgba(245, 240, 230, 0.7); }
body .mobile-container [type=checkbox].filled-in:checked + span:not(.lever):after { border-color: var(--g-brass); background-color: var(--g-brass); }
body .mobile-container .login-footer span::after {
  color: rgba(245, 240, 230, 0.55);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.container-login-with-fb p, .container-login-with-google p { color: rgba(245, 240, 230, 0.6) !important; font-size: 13px; letter-spacing: 0.2em; text-transform: uppercase; }

/* ---- header -------------------------------------------------------------- */
body .menu-container .nav-container .nav-mobile i,
body .menu-container .nav-container .profile-mobile i { color: var(--g-brass-light); }
body .menu-container .nav-container .profile-mobile .admin-photo { box-shadow: 0 0 0 2px var(--g-brass); }
body .menu-container .nav-container .profile-mobile .dropdown-content div li a .row i { color: var(--g-bronze); }

/* ---- home menu: cream cards, serif labels, brass-ringed icons ------------ */
body .menu-container .navigation-qr-container .navigation ul li,
body .menu-container .navigation-qr-container .navigation .grid-menu .grid-item {
  background-color: var(--g-paper);
  border-radius: 4px;
  border-top: 2px solid var(--g-brass);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}
body .menu-container .navigation-qr-container .navigation ul li div:nth-child(1),
body .menu-container .navigation-qr-container .navigation .grid-menu .grid-item a span {
  font-family: var(--g-serif);
  font-weight: 600;
  font-size: 23px;
  color: var(--g-green);
}
body .menu-container .navigation-qr-container .navigation ul li div:nth-child(2) i,
body .menu-container .navigation-qr-container .navigation .grid-menu .grid-item a i {
  background-color: var(--g-green);
  color: var(--g-brass-light);
  box-shadow: inset 0 0 0 1px var(--g-brass), 0 0 0 3px var(--g-paper), 0 0 0 4px rgba(180, 147, 90, 0.5);
}

/* ---- content pages ------------------------------------------------------- */
body .mobile-content .content-container .mobile-tabs .indicator { background-color: var(--g-brass); }
body .mobile-content .content-container .mobile-tabs .tab a.active { color: var(--g-green); }
body .mobile-content .content-container input[type=submit],
body .mobile-content .content-container .report-ticket-btn,
body .mobile-content .content-container .reservation-btn,
body .mobile-content .view-ticket-container .view-ticket-button,
body .mobile-content .billings .billing-menu .billing-buttons a.pay-now-btn {
  border-radius: 2px;
  letter-spacing: 0.06em;
}
.fab-container button { background-color: var(--g-brass) !important; color: var(--g-green-deep) !important; }
::-webkit-scrollbar-thumb { background-color: var(--g-brass); }