[v-cloak] { display:none; }
thead th {
    position: sticky;
    z-index: 1;
    top: 0;
    background-color: white;
    opacity: 1;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.table_header {
    background-color: white!important;
}
.bottom_header {
    background-color: white!important;
    font-weight: bold!important;
}
.tenant_table_header {
    background-color: #71C671;
    border-color: #71C671;
}
.table-striped>tbody>tr:nth-child(even){
    background-color:#DDDDDD;
}
.table-striped>tbody>tr:nth-child(odd){
    background-color:#BBBBBB;
}

.pickupContainer>.row:nth-child(even) {
    background-color:#DDDDDD;
}

.pickupContainer>.row:nth-child(odd) {
    background-color:#BBBBBB;
}

.pickupTableSummary {
    margin: 0 auto;
    width: 50%;

}

.pickupTable {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.nav>li>a {
    padding-left: 5px;
    padding-right: 5px;
}
.tenantTab {
    background-color: #343a40;
    color: #b6b7b8;
}
.tenantTab:hover {
    color: #b6b7b8;
}
.tenantTab.active {
    background-color: #ffffff;
    color: #495057;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

.adjustmentTab {
    background-color: #0f4886;
    color: #ffffff;

}
.adjustmentTab:hover {
    color: #b6b7b8;
}
.adjustmentTab.active {
    background-color: #ffffff;
    color: #495057;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

#tenantHistoryTable th, #tenantHistoryTable td {
    padding: 0.5rem!important;
}
.login_body {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

#tab-container .task-late {
    background-color: red;
}

#tab-container .task-new {
    font-weight: bold;
}

.unknown_location {
    color: red!important;
}

.known_location {
    color: darkgreen;
}

.history_card {
    border-color: #4c4c4c!important;
}
.history_card_header {
    background-color: #4c4c4c!important;
    font-weight: bold;
}

.history_card_body {
    background-color: #BBBBBB!important;
}

.history_card  .known_location {
    color: #5cb85c;
}
#back-to-top {
    color: white;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    background-color: #343a40;
    border-color: #343a40;
}

.long-menu-scroll {
    height:650px;
    overflow-y: auto;
}
.row.formsHeaderRow{
    background-color: lightgreen;
}
.row.formsRow:nth-child(even){
    background-color: #6b969d;
}

.row.formsRow:nth-child(odd){
    background-color: white;
}

.row.transRow:nth-child(even){
    background-color: #6b969d;
}

.row.transRow:nth-child(odd){
    background-color: white;
}
.row.transRow.pickupRowAck {
    background-color: green;
}

.row.transRow.pickupRowNak {
    background-color: red;
}
.pickupRowUncheckedIcon {
    color:gray;
}
.pickupRowCheckedIcon {
    color:black;
}
.pickupRowUncheckedNote {
    color:gray;
    max-width: fit-content;
}
.pickupRowCheckedNote {
    color:black;
    max-width: fit-content;
}
.transactionsContainer {
/*    height:600px;
    overflow-y: auto;*/
}
.transactionErrorFlag {
    background-color: red!important;
}
.contacts-form-group input[type="checkbox"] {
    display: none;
}

.contacts-form-group input[type="checkbox"] + .btn-group > label div {
    width: 25px;
}

.contacts-form-group input[type="checkbox"] + .btn-group > label div:first-child {
    display: none;
}
.contacts-form-group input[type="checkbox"] + .btn-group > label div:last-child {
    display: inline-block;
}

.contacts-form-group input[type="checkbox"]:checked + .btn-group > label div:first-child {
    display: inline-block;
}
.contacts-form-group input[type="checkbox"]:checked + .btn-group > label div:last-child {
    display: none;
}

.docThumbnail {
    margin-top:15px;
    max-height:100px;
}

.img-preview {
    background-color: #f7f7f7;
    overflow: hidden;
    width: 100%;
    height: 85vh;
    text-align: center;

}

.externalLinkIcon {
    width:20px;
}

.pagination {
    font-size: xx-large;
}

.table-condensed {
    font-size: 0.95rem;
}

.eviction-button {
    margin-left: 2px!important;
}

.big-checkbox {
    width: 25px;
    height: 25px;
}

.taskDescription {
    border-radius: 5px 5px 5px;
    border: 1px solid #d4d9de;
    background-color: #e9ecef;
    padding: 5px;
}

.admin-background {
    background-color: darkorange;
}

.admin-background-white {
    background-color: darkorange;
    color: white;
}
.admin-background-white:hover {
    color: white;
}

.admin-background-red {
    background-color: darkred;
    color: white;
}

.admin-background-red:hover {
    color: white;
}

/*For date picker*/
.datepicker-theme .vdatetime-popup__header,
.datepicker-theme .vdatetime-calendar__month__day--selected > span > span,
.datepicker-theme .vdatetime-calendar__month__day--selected:hover > span > span {
    background: #495057;
}

.datepicker-theme .vdatetime-year-picker__item--selected,
.datepicker-theme .vdatetime-time-picker__item--selected,
.datepicker-theme .vdatetime-popup__actions__button {
    color: #495057;
}

.badge-orange {
    background-color: #FFA500;
    color: black;
}

.dailyAddressLink {
    color: black !important;
    text-decoration: none !important;
    border: none !important;
}

#sidebar-wrapper th, #sidebar-wrapper td {
    padding: 0rem !important;
}
#page-content-wrapper {
    width: fit-content !important;
}

#page-content-wrapper th, #page-content-wrapper td {
    padding: 0rem 0.5rem 0rem 0.5rem !important;
}

/*#dailyTableHeader th {
    padding-left: 1rem !important;
    paddintg-right: 1rem !important;
}*/

#keyTable .Vacant_Row {background-color: #71C671 !important;}
#keyTable .Maintenance_Row {background-color: #EE82EE !important;}
#keyTable .Eviction_Row {background-color: #CD3333 !important;}
#keyTable .Today_Row {background-color: aquamarine !important;}
#keyTable .Late_Row {background-color: yellow !important;}
#keyTable .MultiLate_Row {background-color: orange !important;}

#dailyTable .Vacant_Row {background-color: #71C671 !important;}
#dailyTable .Maintenance_Row {background-color: #EE82EE !important;}
#dailyTable .Eviction_Row {background-color: #CD3333 !important;}
#dailyTable .PayQuit_Row {background-color: #CD3333 !important;}
#dailyTable .Today_Row {background-color: aquamarine !important;}
#dailyTable .Late_Row {background-color: yellow !important;}
#dailyTable .MultiLate_Row {background-color: orange !important;}

#manageRoomTable .Maintenance_Row {background-color: #EE82EE !important;}
#manageRoomTable .Hidden_Row {background-color: #2F4F4F !important;}
#manageRoomTable .Vacant_Row {background-color: #71C671 !important;}

#wifiForm .form-check-input {
    margin-left:0 !important;
}
#wifiHeader {
    background-color: #BBBBBB;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 1;
}
.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}
.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    background-color: #fcfcfa;
}

.row-white {
    background-color: white;
}

.tenantProfilePhoto {
    max-width: 280px;
    max-height: 400px;
}

.activeTenantProfilePhoto {
    /* max-width: 150px; */
}

.activeTenantTable {
    width: auto;
}

.activeTenantExpiredIDCol {
    background-color:orange;
}

.activeTenantProfile-search-overlay-img {
    position: absolute;
    top: 21px;
    right: 12px;
}

.search-overlay-img{
    position: absolute;
    top: 0;
    right: 0;
}

.profile-search-overlay-img {
    position: absolute;
    top: 0;
    right: 155px;
}

.no_bottom_margin {
    margin-bottom: 0px;
}
.gm_fit_contents {
    width: fit-content!important;
}

.app_version {
    font-size: 14px;
    color: #343a40;
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    padding: 0 4px;
    border-radius: 3px;
    margin: 0 auto;
}

.centered-row {
    text-align: center;
}

/* Pickup Form Styles */
.pickup-form-section {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #dee2e6;
}

.pickup-form-section .form-group {
    margin-bottom: 20px;
}

.pickup-form-section .form-group label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
}

.pickup-form-section .form-control {
    border-radius: 4px;
    border: 1px solid #ced4da;
    padding: 10px 15px;
    font-size: 14px;
}

.pickup-form-section .form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.pickup-form-section .form-control.is-invalid {
    border-color: #dc3545;
}

.pickup-form-section .invalid-feedback {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
}

.pickup-form-section .text-danger {
    color: #dc3545 !important;
}

.payment-entry-fail {
   /* color: red; */
   color: black;
}

.payment-entry-pass {
   /* color: green; */
   color: black;
}