.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            background-color: #eeeeee;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.order-tile {
    transition: all 0.2s ease;
    cursor: pointer;
}

.order-tile-selected {
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: #dddddd;
    border-color: orange;
    opacity: 0.90;
}

.order-tile-booked {
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: #fadbc06b;
    border-color: orange;
    opacity: 0.90;
    /*pointer-events:none;*/
}



.order-tile:hover {
    /*box-shadow: 5px 6px 6px 2px #808080;
    transform: scale(1.01);*/
    background-color: #dddddd;
}

.order-tile-header {
    background-color: #7b7b7b3b;
    padding: 1rem 1rem;
}

.linkDisabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
}

.orderslots-tile {
    transition: all 0.2s ease;
    /*cursor: pointer;*/
    background-color: #7b7b7b3b;
}

    .orderslots-tile:hover {
        background-color: #dddddd;
    }

.orderslots-tile-selected {
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: #dddddd;
    border-color: orange;
    opacity: 0.90;
}

.orderslots-tile-premiun {
    transition: all 0.2s ease;
    cursor: pointer;
    border-color: goldenrod;
}

.orderslots-tile-notavailable {
    transition: all 0.2s ease;
    cursor: none;
    /*background-color: #808080;*/
    border-color: red;
    opacity: 0.50;
    pointer-events: none;
    color: #7b7b7b3b;
}

.orderslots-tile-booked {
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: lightgreen;
    border-color: green;
    opacity: 0.70;
}

.orderslots-tile-available {
    transition: all 0.2s ease;
    /*cursor: pointer;*/
    background-color: #7b7b7b3b;
    border-color: #dddddd;
}

.me-icon {
    font-size: 2rem;
}

.clickable {
    cursor: pointer;
}

.app-logo {
    width: 100%;
    height: 100px;
    padding: 0.5rem 2rem 0.2rem;
}

.dropdown-text {
    padding-left: 10px !important;
}

.order-item .card-body {
    padding: 0rem 1.5rem;
}

.order-item-info {
    position: relative;
    width: 1.375rem;
    height: 1.375rem;
}

    .order-item-info .order-item-info-initial {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #8592a3;
        font-weight: 700;
    }

.toast {
    position: absolute;
}

.ph--truck-trailer {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M224 96.8V96a56.06 56.06 0 0 0-56-56h-8a16 16 0 0 0-16 16v120h-16V72a8 8 0 0 0-8-8H16A16 16 0 0 0 0 80v104a32 32 0 0 0 56 21.13A32 32 0 0 0 111 192h82a32 32 0 0 0 63-8v-48a40.07 40.07 0 0 0-32-39.2M160 56h8a40 40 0 0 1 40 40v8a8 8 0 0 0 8 8a24 24 0 0 1 24 24v20.31a31.7 31.7 0 0 0-16-4.31a32.06 32.06 0 0 0-31 24h-33Zm-48 24v96h-1a32 32 0 0 0-55-13.13a31.9 31.9 0 0 0-40-6.56V80ZM32 200a16 16 0 1 1 16-16a16 16 0 0 1-16 16m48 0a16 16 0 1 1 16-16a16 16 0 0 1-16 16m144 0a16 16 0 1 1 16-16a16 16 0 0 1-16 16'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.filter-box {
    margin: 2px;
    border: 1px solid #c9c9c947;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
}

.fa--drivers-license-o {
    display: inline-block;
    width: 1.34em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 1536'%3E%3Cpath fill='%23000' d='M896 1084q0 55-31.5 93.5T789 1216H363q-44 0-75.5-38.5T256 1084q0-54 7.5-100.5t24.5-90t51-68.5t81-25q64 64 156 64t156-64q47 0 81 25t51 68.5t24.5 90T896 1084M768 640q0 80-56 136t-136 56t-136-56t-56-136t56-136t136-56t136 56t56 136m1024 416v64q0 14-9 23t-23 9h-704q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h704q14 0 23 9t9 23m-384-256v64q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h320q14 0 23 9t9 23m384 0v64q0 14-9 23t-23 9h-192q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h192q14 0 23 9t9 23m0-256v64q0 14-9 23t-23 9h-704q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h704q14 0 23 9t9 23m128 832V256H128v1120q0 13 9.5 22.5t22.5 9.5h1728q13 0 22.5-9.5t9.5-22.5m128-1216v1216q0 66-47 113t-113 47H160q-66 0-113-47T0 1376V160Q0 94 47 47T160 0h1728q66 0 113 47t47 113'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.fluent--vehicle-truck-24-regular {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.005 15a1 1 0 1 0 0-2a1 1 0 0 0 0 2M16 14a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5.25 1.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5zM3 5.25A2.25 2.25 0 0 1 5.25 3h13.5A2.25 2.25 0 0 1 21 5.25v13.5a.75.75 0 0 1-.75.75H18.5v.75A1.75 1.75 0 0 1 16.75 22h-1.5a1.75 1.75 0 0 1-1.75-1.75v-.75h-3v.75A1.75 1.75 0 0 1 8.75 22h-1.5a1.75 1.75 0 0 1-1.75-1.75v-.75H3.75a.75.75 0 0 1-.75-.75zm6 15v-.75H7v.75c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25M7 18h10v-6H7zm8 1.5v.75c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.75zm4.5-1.5V5.25a.75.75 0 0 0-.75-.75H5.25a.75.75 0 0 0-.75.75V18h1v-6.75a1 1 0 0 1 .018-.163l.739-3.325A2.25 2.25 0 0 1 8.453 6h7.094a2.25 2.25 0 0 1 2.196 1.762l.74 3.325a1 1 0 0 1 .017.163V18zM8.453 7.5a.75.75 0 0 0-.732.587L7.185 10.5h9.63l-.536-2.413a.75.75 0 0 0-.732-.587z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.filter-box .form-control{
    height:32px;
}

.filter-box .btn {
    height: 32px;
    padding: 0 1.25rem;
}
/*Switch Toggle*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #f5821f;
}

input:focus + .slider {
    box-shadow: 0 0 1px #f5821f;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.layout-noside{
    padding-left:0px !important;
}

.bubble {
    background-color: rgba(255, 255, 255, 0.4); /* Sfondo bianco con opacità */
    border-radius: 50%; /* Rende il div rotondo */
    width: 22px; /* Larghezza del div */
    height: 22px; /* Altezza del div */
    display: flex; /* Utilizza Flexbox per centrare il contenuto */
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente */
}