:root {
    --next: #0056B3;
    --delete: red;
    --option: #F0B400;
    --confirm: #208163;
    --bg-confirm-light: #BCD9D0;
    --print: #208163;
    --bg-print-light: #BCD9D0;
    --manage: #fd7e14;
    --white: #ffffff;
    --sospended: #93a5be;
    --onrequest: #6EA510;
    --payed: #0056B3;
    --bg-payed: #D3D3D3;
    --bg-delete: #ebaea5;
    --bg-info: #dadada;
    --timeline: #dadada;
    --label: #dadada;
    --TxtSpan: #0d1b48;
    --write: #424767;
    --bg-table-hover: #B5B5B4;
}
/*********************************/
/*          Status             */
/*********************************/


.status.confirm {
    color: var(--confirm);
    font-weight: bold;
}

    .status .bg-confirm {
        background-color: var(--bg-confirm-light);
    }

.status.delete {
    color: var(--delete);
    font-weight: 700;
}

    .status.delete.bg {
        background-color: var(--bg-delete);
    }

.status.onrequest {
    color: var(--onrequest);
    font-weight: bold;
}

.status.bg-onrequest {
    background-color: var(--onrequest);
}


.status.option {
    color: var(--option);
    font-weight: bold;
}

    .status.option.bg {
        background-color: var(--option);
    }

.status.manage {
    color: var(--manage);
    font-weight: bold;
}

    .status.bg-manage {
        background-color: var(--manage);
    }

.status.sospended {
    color: var(--sospended);
    font-weight: bold;
}

    .status.bg-sospended {
        background-color: var(--sospended);
    }

.status.payed {
    color: var(--payed);
    font-weight: bold;
}

    .status.payed.bg {
        background-color: var(--bg-payed);
    }

.status.print {
    color: var(--print);
    font-weight: bold;
}

    .status.print.bg {
        background-color: var(--bg-print-light);
    }

.penalty {
    color: var(--delete);
}

    .penalty.free {
        color: var(--confirm);
    }

/*********************************/
/*          Generale             */
/*********************************/
.myBook-card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 1.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

.ico {
    font-size: larger;
}

    .ico.info {
        font-size: medium;
        color: var(--bg-info);
    }

.mybook-mt-15 {
    padding-top: 15px;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .bg-gradient-gray-500 {
        display: none !important;
    }
}

/*********************************/
/*   Testata ordine        */
/*********************************/
.mybook-order-main {
    border-radius: 5px;
}

.mybook-order label {
    font-size: x-small !important;
    padding-right: 0.25rem;
    ;
}

.mybook-order i {
    color: var(--timeline);
}

.mybook-order-card {
    background-color: white;
    border-radius: 0.45rem;
}

a.mybook-order-addproduct:hover i {
    color: var(--next);
}



/*********************************/
/*   Mybook table        */
/*********************************/
.mybook-table {
    width: 100%;
    color: var(--write);
    border-collapse: collapse;
}

    .mybook-table th {
        text-align: inherit;
    }

.table-hover tbody tr:hover {
    background-image: var(--bg-table-hover);
}

.mybook-table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.mybook-table th {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    display: table-cell;
}

.mybook-table td {
    padding: 0.25rem;
    vertical-align: top;
    border-top: 0.0625rem solid #edf0f7;
    font-size: small;
}

.mybook-table td.td-product-name {
   width: 35%;
}

.mybook-table i {
    color: var(--bg-info);
    font-size: medium;
    text-align: center;
}

.mybook-table-min tbody{
    text-align: inherit;
    font-size:x-small;
}
mybook-table-min header {
    font-size: small;
}

/*********************************/
/*          Timeline             */
/*********************************/
.timeline-item i {
    color: var(--timeline);
    padding-top: 4px;
}

.timeline-mybook.timeline.timeline-one .timeline-item:before {
    border: 0.0625rem solid var(--timeline);
}

.timeline-mybook.timeline.timeline-one .timeline-item:after {
    background-color: var(--timeline);
}



/*********************************/
/*          Margine line             */
/*********************************/
.timeline-item i {
    color: var(--timeline);
    padding-top: 4px;
}




/*********************************/
/*          Hotel             */
/*********************************/

.mybook-hotel {
    color: var(--TxtSpan);
}

    .mybook-hotel p span {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

    .mybook-hotel p i {
        color: var(--label);
        padding-right: 0.25rem;
    }

.mybook-hotel-room {
    padding: 0.25rem;
}

    .mybook-hotel-room i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-hotel-room i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-hotel-room span {
        font-size: small !important;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-hotel-room span label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }


    .mybook-hotel-room p {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-hotel-room p label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }



/*********************************/
/*          Activity             */
/*********************************/

.mybook-activity {
    color: var(--TxtSpan);
}

    .mybook-activity p span {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

    .mybook-activity p i {
        color: var(--label);
        padding-right: 0.25rem;
    }

.mybook-activity-option {
    padding: 0.25rem;
}

    .mybook-activity-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-activity-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-activity-option span {
        font-size: small !important;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-activity-option span label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }

.mybook-activity-option-pax span {
    font-weight: 800 !Important;
    padding-right: 0.25rem;
}


.mybook-activity-option p {
    font-size: small;
    font-weight: 500;
    padding-right: 0.25rem;
}

    .mybook-activity-option p label {
        font-size: x-small !important;
        padding-right: 0.25rem;
    }


/*********************************/
/*          Tour             */
/*********************************/

.mybook-tour {
    color: var(--TxtSpan);
}

    .mybook-tour p span {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

    .mybook-tour p i {
        color: var(--label);
        padding-right: 0.25rem;
    }

.mybook-tour-option {
    padding: 0.25rem;
}

    .mybook-tour-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-tour-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-tour-option span {
        font-size: small !important;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-tour-option span label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }

.mybook-tour-option-pax span {
    font-weight: 800 !Important;
    padding-right: 0.25rem;
}

.mybook-tour-option p {
    font-size: small;
    font-weight: 500;
    padding-right: 0.25rem;
}

    .mybook-tour-option p label {
        font-size: x-small !important;
        padding-right: 0.25rem;
    }

/*********************************/
/*          RentCar             */
/*********************************/

.mybook-rentCar {
    color: var(--TxtSpan);
}

    .mybook-rentCar p span {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

    .mybook-rentCar p i {
        color: var(--label);
        padding-right: 0.25rem;
    }

    .mybook-rentCar p label {
        color: var(--label);
        font-size: x-small !important;
        padding-right: 0.25rem;
    }
    .mybook-rentCar div span {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

    .mybook-rentCar div i {
        color: var(--label);
        padding-right: 0.25rem;
    }

    .mybook-rentCar div label {
        color: var(--label);
        font-size: x-small !important;
        padding-right: 0.25rem;
    }
.mybook-rentCar-option {
    padding: 0.25rem;
}

    .mybook-rentCar-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-rentCar-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-rentCar-option span {
        font-size: small !important;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-rentCar-option span label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }

    .mybook-rentCar-option p {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-rentCar-option p label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }

/*********************************/
/*          Transfer             */
/*********************************/

.mybook-transfer {
    color: var(--TxtSpan);
}

    .mybook-transfer p span {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

    .mybook-transfer p i {
        color: var(--label);
        padding-right: 0.25rem;
    }

    .mybook-transfer p label {
        color: var(--label);
        font-size: x-small !important;
        padding-right: 0.25rem;
    }

.mybook-transfer-option {
    padding: 0.25rem;
}

    .mybook-transfer-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-transfer-option i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-transfer-option span {
        font-size: small !important;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-transfer-option span label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }

    .mybook-transfer-option p {
        font-size: small;
        font-weight: 500;
        padding-right: 0.25rem;
    }

        .mybook-transfer-option p label {
            font-size: x-small !important;
            padding-right: 0.25rem;
        }


/*********************************/
/*          Flight             */
/*********************************/

.mybook-flight {
    padding: 0.25rem;
    text-align: center;
}

    .mybook-flight h4 {
        padding: 0.4rem;
    }

    .mybook-flight i {
        font-size: x-small !important;
    }

    .mybook-flight img {
        margin: 0.5rem;
    }

    .mybook-flight span {
        font-size: small;
        font-weight: 500;
        padding-right: 1.0rem;
        padding-top: 5px;
    }

    .mybook-flight label {
        font-size: x-small !important;
        padding-left: 2px;
    }

    .mybook-flight p {
        font-size: x-small !important;
        padding-left: 2px;
    }

        .mybook-flight p span {
            white-space: nowrap;
        }

    .mybook-flight .right {
        text-align: right;
    }

    .mybook-flight .accordion-panel-header {
        display: unset;
    }

        .mybook-flight .accordion-panel-header .icon-title {
            margin-right: 0px;
        }

    .mybook-flight.note {
        text-align: left;
        padding: 0 1rem;
    }

        .mybook-flight.note label {
            padding-right: 0.2rem;
        }

    .mybook-flight span label {
        padding-right: 0.2rem;
    }

    .mybook-flight span span {
        padding-right: 0.2rem;
    }

    .mybook-flight table {
        font-size: small;
    }

    .mybook-flight.TTable {
        background-color: #ebf9ee;
    }

    .mybook-flight.RTable {
        font-size: x-small;
    }


/*************************/
/*      Trein            */
/*************************/
.mybook-trein {
    padding: 0.25rem;
    text-align: center;
}

    .mybook-trein h4 {
        padding: 0.4rem;
    }

    .mybook-trein i {
        font-size: x-small !important;
    }

    .mybook-trein img {
        margin: 0.5rem;
    }

    .mybook-trein span {
        font-size: small;
        font-weight: 500;
        padding-top: 5px;
    }

        .mybook-trein span.time {
            color: #93a5be;
            font-size: x-small;
        }

    .mybook-trein label {
        font-size: x-small !important;
        padding-left: 2px;
    }

    .mybook-trein p {
        font-size: x-small !important;
        padding-left: 2px;
    }

        .mybook-trein p span {
            white-space: nowrap;
        }

    .mybook-trein .right {
        text-align: right;
    }

    .mybook-trein .accordion-panel-header {
        display: unset;
    }

        .mybook-trein .accordion-panel-header .icon-title {
            margin-right: 0px;
        }

    .mybook-trein.note {
        text-align: left;
        padding: 0 1rem;
    }

        .mybook-trein.note label {
            padding-right: 0.2rem;
        }

    .mybook-trein span label {
        padding-right: 0.2rem;
    }

    .mybook-trein span span {
        padding-right: 0.2rem;
    }

    .mybook-trein table {
        font-size: small;
    }

    .mybook-trein.TTable {
        background-color: #ebf9ee;
    }

    .mybook-trein.RTable {
        font-size: x-small;
    }

.bg-train-change-leg .row.mybook-trein 
{
    background: #f4f6f8;
    opacity: .75;
}

/*************************/
/*      Pricebar         */
/*************************/
.mybook-priceBar {
    padding: 0.25rem;
    text-align: center;
}

    .mybook-priceBar i {
        padding-right: 0.5rem !important;
        font-size: x-small !important;
    }

    .mybook-priceBar span {
        font-size: small;
        font-weight: 400;
    }

        .mybook-priceBar span.date {
            font-size: x-small;
            font-weight: 500;
        }

    .mybook-priceBar label {
        font-size: x-small !important;
        padding-left: 2px;
    }

    .mybook-priceBar p {
        font-size: x-small !important;
        margin-bottom: -5px;
        text-align: right;
        padding-right: 10%;
    }

        .mybook-priceBar p span {
            font-size: small;
            font-weight: 500;
            color: var(--write) !important;
        }

        .mybook-priceBar p label {
            font-size: x-small;
            font-weight: 400;
            padding-left: 3px;
        }
		
        .mybook-priceBar .expirationOption p span {
            font-size: medium;
            font-weight: 500;
            color: var(--red) !important;
        }
		
        .mybook-priceBar .expirationOption p label {
            font-size: small !important;
            font-weight: 400;
            padding-left: 3px;
        }


















.order-right-bar {
    background-color: var(--bg-confirm);
    text-align: center;
}

    .order-right-bar.delete {
        background-color: var(--bg-delete);
        text-align: center;
    }

.order-engine {
    padding-bottom: 10px;
}




.item-btn-bar {
    margin-right: 10px;
}

.mybook-item-amenity-list {
    line-height: 10px;
}




/*.mybook-rentCar {
    padding: 0.25rem;
    text-align: center;
}

.mybook-carRent label {
    font-size: x-small !important;
    padding-right: 0.2rem;
}
.mybook-carRent span {
    font-size: 80%;
    font-weight: 400;
}

.mybook-carRent li {
    font-size: 80%;
    font-weight: 400;
}*/


/*********************************/
/*          Activity             */
/*********************************/
/*
.mybook-activity {
    padding: 0.25rem;
    text-align: center;
}

    .mybook-activity h4 {
        padding: 0.4rem;
    }

    .mybook-activity i {
        font-size: x-small !important;
    }

    .mybook-activity img {
        margin: 0.5rem;
    }

    .mybook-activity span {
        font-size: small;
        font-weight: 500;
        padding-top: 5px;
    }

        .mybook-activity span.time {
            color: #93a5be;
            font-size: x-small;
        }

    .mybook-activity label {
        font-size: x-small !important;
        padding-left: 2px;
    }

    .mybook-activity p {
        font-size: x-small !important;
        padding-left: 2px;
    }

        .mybook-activity p span {
            white-space: nowrap;
        }

    .mybook-activity .right {
        text-align: right;
    }

    .mybook-activity .accordion-panel-header {
        display: unset;
    }

        .mybook-activity .accordion-panel-header .icon-title {
            margin-right: 0px;
        }

    .mybook-activity.note {
        text-align: left;
        padding: 0 1rem;
    }

        .mybook-activity.note label {
            padding-right: 0.2rem;
        }

    .mybook-activity span label {
        padding-right: 0.2rem;
    }

    .mybook-activity span span {
        padding-right: 0.2rem;
    }

    .mybook-activity table {
        font-size: small;
    }

    .mybook-activity.TTable {
        background-color: #ebf9ee;
    }

    .
}


    /*Navigations maneu*/

.vertical-nav {
    min-width: 17rem;
    width: 17rem;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
}

.page-content {
    width: calc(100% - 17rem);
    margin-left: 17rem;
    transition: all 0.4s;
}

/* for toggle behavior */

#sidebar.active {
    margin-left: -17rem;
}

#content.active {
    width: 100%;
    margin: 0;
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -17rem;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #content {
        width: 100%;
        margin: 0;
    }

        #content.active {
            margin-left: 17rem;
            width: calc(100% - 17rem);
        }
}