/* begin booking */


.scrolling-table-container {

}

.scrolling-table-container .scrolling table {
    table-layout: inherit;
}
.scrolling-table-container .scrolling td, 
.scrolling-table-container .scrolling th {
    vertical-align: middle;
    padding: 4px;
    min-width: 56px;
    min-height: 56px;
}
.scrolling-table-container .scrolling .col-fixed {
    position: sticky;
    left: 0;
    background: #eee;
}
.scrolling-table-container .outer {
    position: relative
}
.scrolling-table-container .inner {
    x-overflow-x: auto;
    overflow-y: visible;
}




.booking-table {
    
}

.booking-table td {
    vertical-align: middle;
    color: #666;
}

.booking-table td.day {
    vertical-align: top;
}

.booking-table td.day p.info {
    font-size: 12px;
    font-weight: 400;
}

.booking-table .booking-cell-active {
    background: #ff5252 !important;
    color: #fff;
}

.booking-table .booking-cell-active.first {
    background: #ba0b04 !important;
    font-weight: 700;
}

.booking-table .booking-cell-active.confirmed {
    background: #1dccd7 !important;
    color: #fff;
}

.booking-table .booking-cell-active.first.confirmed {
    background: #01666c !important;
    font-weight: 700;
}

.booking-table .booking-cell-active.first.on_hold {
    background: #ff6600 !important;
    font-weight: 700;
}

.booking-table .booking-cell-active.on_hold {
    background: #ff7519 !important;
    font-weight: 700;
}

.booking-table .booking-cell-active.first.blocked {
    background: #b38600 !important;
    color: #000;
    font-weight: 700;
}

.booking-table .booking-cell-active.blocked {
    background: #d4a017 !important;
    color: #000;
    font-weight: 700;
}

.booking-table .booking-cell-active.first.car-locked {
    background: #4b2e83 !important;
    color: #fff;
    font-weight: 700;
}

.booking-table .booking-cell-active.car-locked {
    background: #6f42c1 !important;
    color: #fff;
    font-weight: 700;
}


.booking-table .booking-cell-active.first.multi-booking {
    background: linear-gradient(90deg, rgba(186,11,4,1) 0%, rgba(186,11,4,1) 0%, rgba(1,102,108,1) 100%) !important;
    font-weight: 700;
}


.booking-table .booking-cell-active a,
.booking-table .booking-cell-active a:hover,
.booking-table .booking-cell-active a:active,
.booking-table .booking-cell-active a:visited
 {
    color: #fff;
}

.booking-table .booking-cell-active.blocked a,
.booking-table .booking-cell-active.blocked a:hover,
.booking-table .booking-cell-active.blocked a:active,
.booking-table .booking-cell-active.blocked a:visited
 {
    color: #000;
}

.booking-table .booking-cell-inprogress {
    background: #ff7d12;
    color: #000;
}
/* end booking */

/* Buton "Imputernicire" pe Planning - rosu distinct fata de celelalte
   nuante de rosu deja folosite (dashboard, butoane Bootstrap standard) */
.btn-imputernicire-pending {
    background-color: #7a1f1f !important;
    border-color: #7a1f1f !important;
    color: #fff !important;
}
.btn-imputernicire-pending:hover,
.btn-imputernicire-pending:focus,
.btn-imputernicire-pending:active {
    background-color: #5c1717 !important;
    border-color: #5c1717 !important;
    color: #fff !important;
}

/* Tooltip-ul bulinei rosii "de notat incasarea" (pe butonul c. edit) -
   text marit, ca sa se citeasca usor (tooltip-ul nativ al browserului
   nu se poate stiliza deloc, de-aici trecerea pe tooltip Bootstrap).
   Bootstrap adauga tooltip-urile in <body>, nu langa elementul care le
   declanseaza, deci stilizam generic toate tooltip-urile Bootstrap. */
.tooltip .tooltip-inner {
    font-size: 1.1rem;
    max-width: 320px;
    padding: 0.6rem 0.9rem;
}