@media (min-width: 600px){
    .dropdown-notifications {
        width: 520px;
    }
}

@media (min-width: 992px) {
    .email-menu-sidebar.w-40{
        width: 40%;
        max-width: 40%;
    }
}

@font-face {
    font-family: "Helvetica Neue";
    src: url('../fonts/helveticaneue.woff2') format('woff2'),
         url('../fonts/helveticaneue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 1690px) {
    body, .accordion-button,.dropdown-menu {
        font-size: 0.95rem;
    } 
}
@media (max-width: 1352px) {
    body,.accordion-button,.dropdown-menu{
        font-size: 0.8125rem;
    }
}

body.followupshow {
    font-size: 1rem;
}

.form-control{
    font-size: 0.9rem;
}

.text-right{
    text-align:right;
}
.accordion-border-box .accordion-item .accordion-header{
    border: 1px solid #5b5b5b;
}

.dropdown-notifications a {
    padding-left: 10px;
    padding-right: 10px;
}
.pointer{
    cursor: pointer;
}
.dropdown-actions .dropdown-toggle{
    background: none;
    border: 1px solid #ccc !important;
    padding: 5px;
    width: 60px;
}

.dropdown-actions .dropdown-toggle span{
    position: relative;
    top: -4px;
    color: #000000;
}
.datetypes, .orderdirections{
    background-color: #3f5289 !important;
    color: #FFF;
    border-radius: 0;
    margin-left: 3px;
}
.badge.text-pending_payment{
    background-color: rgb(249 186 77) !important;
}
.badge.text-pending, .text-noanswer, .text-inprogress, .badge.text-awaiting{
    background-color: rgb(61 77 130) !important;
}

.badge.text-accepted, .badge.text-confirmed{
    background-color: rgb(9 178 155) !important;
}

.badge.text-declined, .text-othercar{
    background-color: rgb(28 32 35) !important;
}

.badge.text-canceled, .text-moreinterested, .bg-canceled{
    background-color: rgb(242 103 73) !important;
}

.link-payment{
    color: rgb(242 103 73) !important;
}
.badge.status{
    background-color: #FFFFFF !important;
    border: 1px solid;
}
.text-paid, .text-available, .text-made, .text-invoice-paid, .text-verified{
    background-color: rgb(10 184 160) !important;
}
.text-unpaid, .text-unvailable, .text-notrequested, .text-notmade, .text-invoice-awaiting, .text-unverified{
    background-color: rgb(242 103 73) !important;
}
.dblock{
    display: block;
}

.hide{
    display: none !important;
}
.avatar-followup{
    float: left;
    margin-top: -6px;
}

.dprice{
    display: block;
    margin-bottom: 10px;
}
.text-gray{
    color:rgb(153, 153, 153) !important;
}
.rental-details .nav-pills .nav-link {
    font-size: 13px !important;
    padding: 8px;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
#preloader{
    opacity: 0.5;
}

.details_table td.text-muted{
    --vz-text-opacity: 1;
    color: inherit !important;
    font-weight: 500;
}
.details_table th{
    font-weight: normal;
    --vz-text-opacity: 1;
    color: var(--vz-secondary-color) !important;
}

.details_table .text-danger{
    color: rgb(244 94 63) !important;
}

.mb-8 {
    margin-bottom: 3rem !important;
}

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

.tabheight .card-body{
    height: 400px;
}
.close-modal-rental{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 20px;
}

.mr-1{
    margin-right: 10px;
}
.mr-2{
    margin-right: 20px;
}
.pl-1{
    padding-left: 10px;
}
.pl-2{
    padding-left: 10px;
}
.custom-verti-nav-pills .nav-link{
    padding-top: 12px;
    padding-bottom: 12px;
}

.clearfix{
    clear: both;
}

body ul.simplebar-scrollable-x .alert_rentals i, body ul.simplebar-scrollable-x .alert_messages i{
    font-size: 15px !important;
    display: inline;
}

/*
body .table.table-bordered tbody td{
    padding: .3rem .2rem;
    font-weight:500;
}*/

.mr-4 {
    margin-right: 1rem;
}


.dropdown-reports{
    font-size: 15px;
}
.dropdown-reports a.dropdown-item {
    padding: 8px;
    font-size: 15px;
    font-weight: 500;
}



.email-detail-content-scroll.followup {
    height: 100%;
}

.img-fluid.img-sender{
    height: 30px;
    width: 35px;
}

.message-list li.unread {
    pointer-events: all;
}

.dropdown-menu li {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}
html.opensidebar .navbar-menu .btn-vertical-sm-hover{
    display: block !important;
}
.message-list li .col-mail-2 .date.send-date{
    width: 130px;
    font-style: italic;
}

.message-list li .col-mail-1 .checkbox-wrapper-mail {
    margin: 15px 0 0 0;
    line-height: normal;
}
.text-rentals{
    color: rgba(53,119,241) !important;
}
.text-informations{
    color: rgba(10,179,156) !important;
}
.text-exchanges{
    color: rgba(247,187,75) !important;
}
.text-exchange{
    background: rgba(247,187,75) !important;
}

.text-acceptance-high{
    color: rgb(9 178 155) !important;
}
.text-acceptance-medium{
    color: #f7b84b !important;
}
.text-acceptance-low{
    color: rgb(242 103 73) !important;
}
.container-fluid.followup i.text-success, .container-fluid.followup i.text-danger, 
.container-fluid.birthdays i.text-danger, .container-fluid.birthdays i.text-success, .container-fluid.birthdays i.text-secondary, .container-fluid.birthdays i.text-pink,
.container-fluid.users i.text-success, .container-fluid.users i.text-secondary, .container-fluid.users i.text-pink{
    font-size: 20px;
}

.pagination-top{
    position: absolute;
    right: 20px;
    top: 0;
}

.pagination-bottom{
    position: absolute;
    right: 15px;
    bottom: 0;
}

.card-listing{
    padding-bottom: 70px;
}

.card-listing .table-responsive{
    min-height: 500px;
}

#workflow-content .card .card-body li.title a{
    color: #FFFFFF;
}
#workflow-content .card{
    --vz-card-spacer-x: 0rem;
    box-shadow: none;
}
#workflow-content.offcanvas{
    --vz-offcanvas-width: 450px;
}
.followup .btn-ghost-secondary {
    color: #3577f1;
}
.btn-workflow{
    visibility: hidden;
}
#workflow-content .bg-warning{
    border-color: #f7b84b;
}
#workflow-content .bg-accepted{
    border-color: rgb(9 178 155);
    background-color: rgb(9 178 155);
}
#workflow-content .bg-declined{
    background-color: rgb(28 32 35);
    border-color: rgb(28 32 35);
}
#workflow-content .bg-pending{
    background-color: rgb(61 77 130);
    border-color: rgb(61 77 130);
}
#workflow-content p strong{
    color: #000000;
}
#workflow-content button.nav-link{
    width: 2rem;
    height: 2rem;
    background-color: #f3f6f9;
    padding: 0;
    color: #212529;
    font-weight: 500;
    cursor: default;
    display: inline-block;
    margin-right: 7px;
}
.email-menu-sidebar.w-40.minimal-border{
    height: auto !important;
}

.pointer-event{
    pointer-events: auto !important;
}
.text-white{
    color: #FFFFFF;
}

.is-child-rental .reference{
    /*opacity: 0;*/
}

.is-child-rental {
    color: #000;
    border-color: #d9d9d9;
    background-color: #ededed;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.email-content{
    background-color: trans;
}

.email-wrapper_block {
    display: block !important;
}

.email-wrapper_block .email-content {
    float: left;
    width: 33% !important;
}

.email-detail-show .email-detail-content.followup {
    width: 100% !important;
}

.email-detail-show .email-wrapper_block .email-detail-content.followup {
    float: right;
    display: block !important;
    width: 65% !important;
}
.email-detail-content.activecontent {
    float: right;
    display: block !important;
    width: 65% !important;
}

.email-wrapper_block .message-list{
    overflow: hidden;

}
.email-wrapper_block .message-list li .col-mail-2 .subject {
    left: unset;
    right: unset;
}

.message-list li .col-mail-2 {
    left: 230px;
}
.message-list li .col-mail-2 .subject{
    right: 140px;
}

li .col-mail-2 .subject {
    left: unset;
    right: unset;
}
.message-list li{
    padding-left: 10px;
    height: 60px;
}

.email-wrapper_block .message-list li .col-mail-2{
    position: relative !important;
    left: unset; 
}

/*
.email-wrapper_block .col-mail-1{
    display: none !important;
}*/
.email-wrapper_block .col-mail-2{
    display: none !important;
}
.email-wrapper_block .send-date {
    display: none !important;
}

.message-list-content{
    height: auto !important;
}

.message-list li.active-message{
    background-color: #f3f6f9;
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms;
}

.user-followup{
    padding-left: 20px;
    padding-top: 10px;
}

.user-followup .chatlist-user-name{
    margin-bottom: -9px !important;
}

#workflow-content li.active{
    background-color: #e1ebfd !important;
    border-color: #c6c6c6;
    color: #000000;
}

#external-scrollbar {
    overflow-x: auto; /* Enable horizontal scrolling */
    overflow-y: hidden; /* Prevent vertical scrolling */
    width: 100%; /* Full width of the container */
    height: 20px; /* Height of the scrollbar */
    background: #f8f9fa; /* Optional: Light background */
    position: fixed; /* Fixed to the bottom of the viewport */
    bottom: 0; /* Align to the bottom */
    left: 0; /* Align to the left */
    z-index: 999; /* Ensure it's visible above other content */
    border-top: 1px solid #ddd; /* Optional: Add a border for visual clarity */
}

#external-scrollbar div {
    height: 1px; /* Necessary to ensure the scrollbar works */
}


#external-scrollbar::-webkit-scrollbar {
    height: 12px; /* Adjust scrollbar height */
}

#external-scrollbar::-webkit-scrollbar-thumb {
    background: #aaa; /* Customize thumb color */
    border-radius: 6px; /* Rounded edges */
}

#external-scrollbar::-webkit-scrollbar-track {
    background: #f8f9fa; /* Match background */
}

.table-wrapper .table-responsive {
    overflow-x: hidden; /* Hide the original scrollbar */
}
.table-deductions{
    margin-top: 20px;
}
.ico-child-rental{
    display:none;
}

.is-child-rental .ico-child-rental{
    display:inline-block;
}

.d-flex.s-between{
    justify-content: space-between;
}

.kpis table th.is-today, .kpis table td.is-today{
    background-color: rgb(242 103 73) !important;
    color: #FFFFFF !important;
}

.kpis table td.is-today a{
    color: #FFFFFF !important;
}

.kpis table tr td.td-separator{
    border: 0;
    background-color: #ffa80924;
}

.text-declined-byowner{
    color: rgba(64,81,137);
}
.text-declined-noanswer{
    color: rgba(53,119,241);
}
.text-declined-bysystem{
    color: rgba(10,179,156);
}
.text-declined-notavailable{
    color: rgba(41,156,219);
}
.text-declined-pricechange{
    color: rgba(247,184,75);
}
.text-declined-otherowneraccept{
    color: rgba(240,101,72);
}
.text-declined-other{
    color: rgba(33,37,41);
}
.text-pink {
    color: #e83e8c;
}

.shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.select2-selection__clear{
    position: relative;
    z-index: 1;
    margin-right: 25px !important;
    margin-top: 6px !important;
}

span.page-link{
    cursor: pointer;
}

#RoleModal .form-check-outline .form-check-input:checked[type=checkbox]::before{
    top: -1px;
    left: 2px;
}

.table-responsive {
    overflow-x: auto;
}

.table.customColumns {
border-collapse: collapse;
width: 100%;
font-size: 12.5px; /* slightly more compact */
}

.table.customColumns.small-table {
font-size: 13.5px; /* slightly more compact */
}

/* Headers: more readable and compact */
.table.customColumns th {
background: #f7f7f7;
font-weight: 700;
font-size: 12px;
padding: 4px 6px 3px 6px;
border: 1px solid #dee2e6;
min-width: 90px;
max-width: 140px;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
line-height: 1.25;
text-align: center;
vertical-align: middle;
}

/* Prevent strong tags from creating extra height */
.table.customColumns th strong {
font-size: 12px;
font-weight: 600;
white-space: normal;
}

/* Table data cells, compact, no overflow */
.table.customColumns td {
border: 1px solid #dee2e6;
padding: 3px 5px 2px 5px;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
min-width: 75px;
max-width: 140px;
line-height: 1.2;
text-align: center;
vertical-align: middle;
}

/* Widen main entity columns slightly */
.table.customColumns th[data-option="tenant"],
.table.customColumns td[data-column="tenant"],
.table.customColumns th[data-option="owner"],
.table.customColumns td[data-column="owner"],
.table.customColumns th[data-option="car"],
.table.customColumns td[data-column="car"] {
min-width: 110px;
max-width: 170px;
}

/* Status and payment columns */
.table.customColumns th[data-option="status"],
.table.customColumns td[data-column="status"],
.table.customColumns th[data-option="payment_owner"],
.table.customColumns td[data-column="payment_owner"] {
min-width: 100px;
max-width: 155px;
}

/* For ID and icons: narrower */
.table.customColumns th[data-option="id"],
.table.customColumns td[data-column="id"],
.table.customColumns th:last-child,
.table.customColumns td:last-child {
/*min-width: 50px;
max-width: 65px;*/
white-space: nowrap !important;
}

/* Compact button, badge etc. inside td */
.table.customColumns td .badge,
.table.customColumns td a,
.table.customColumns td span {
font-size: 11.5px !important;
line-height: 1.1 !important;
padding: 0 2px;
margin: 0;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
}

/* Compact button, badge etc. inside td */
.table.customColumns.small-table td .badge,
.table.customColumns.small-table td a,
.table.customColumns.small-table td span {
font-size: 12.5px !important;
}

/* Readable stripes on even rows */
.table.customColumns tr:nth-of-type(even){
background: #fbfbfd;
}

@media (max-width: 900px) {
.table.customColumns th, .table.customColumns td {
    font-size: 11px;
    min-width: 60px;
    max-width: 100px;
    padding: 2px 2px;
}
.table.customColumns th[data-option="tenant"],
.table.customColumns td[data-column="tenant"],
.table.customColumns th[data-option="owner"],
.table.customColumns td[data-column="owner"],
.table.customColumns th[data-option="car"],
.table.customColumns td[data-column="car"] {
    min-width: 80px;
    max-width: 120px;
}
}

.table.customColumns { border: 1px solid #dee2e6; }
.table.customColumns ul,.table.customColumns li,.table.customColumns li a{
    padding: 3px;
}
.success-modal {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(34%2c 139%2c 34%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c650.704C122.328%2c648.746%2c159.175%2c473.043%2c255.674%2c397.837C339.724%2c332.333%2c461.529%2c324.924%2c526.449%2c240.421C598.428%2c146.73%2c655.546%2c24.847%2c631.015%2c-90.726C606.666%2c-205.444%2c482.926%2c-263.497%2c401.565%2c-347.958C325.215%2c-427.217%2c275.543%2c-549.012%2c167.826%2c-571.563C60.344%2c-594.065%2c-27.703%2c-482.932%2c-135.163%2c-460.325C-256.336%2c-434.833%2c-401.929%2c-509.651%2c-497.972%2c-431.495C-592.807%2c-354.321%2c-579.865%2c-206.886%2c-595.603%2c-85.635C-611.133%2c34.016%2c-656.761%2c169.183%2c-588.884%2c268.934C-520.854%2c368.909%2c-362.458%2c340.324%2c-260.989%2c406.106C-158.875%2c472.306%2c-121.679%2c652.651%2c0%2c650.704' fill='%23228B22'%3e%3c/path%3e%3cpath d='M1440 995.672C1519.728 984.741 1563.12 899.779 1626.466 850.1469999999999 1682.6390000000001 806.135 1756.261 782.602 1791.2939999999999 720.431 1827.571 656.052 1835.537 577.6610000000001 1820.814 505.247 1806.518 434.933 1753.2640000000001 383.16999999999996 1710.941 325.228 1664.475 261.614 1634.992 175.16000000000003 1560.657 149.07999999999998 1485.96 122.87299999999999 1402.146 155.543 1332.03 192.289 1269.541 225.038 1232.754 287.251 1189.969 343.347 1149.925 395.849 1115.781 448.9 1089.96 509.672 1056 589.599 988.9680000000001 671.1659999999999 1015.557 753.837 1041.91 835.774 1142.714 863.61 1217.498 906.22 1288.388 946.611 1359.167 1006.755 1440 995.672' fill='%234fd125'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-position: center;
}

@media (min-width: 1200px) {
    .modal-xxl {
        --vz-modal-width: 90%;
    }
}