.k-select {
        width: 2.5rem;
    }
    .go-back-badge{
        border-radius: 20px; 
        background-color: rgb(255, 40, 0);
        color: #fff;
    }
    #modalCallIn 
    {
        color: black;
    }
    #closeHistory
    {
        text-align: center;
        margin-bottom: 0.5em;
    }
    #tableHeads th
    {
        font-size: 1.2rem;
    }

    :host.ui-autocomplete .ui-autocomplete-input 
    {
    border-radius: 0px;
    }
    // .p-autocomplete
    // {
    //     width: 100%;
    
    // }
    .selected{
        background-color: #b93cc7 !important;
        color: white;
    }

    .confirmation{
        color: white;
        font-weight: 500;
    }
    .kt-badge--ETA{
        color: white;
        background: #b93cc7;
        font-weight: 900;
        border-radius:10px;
    }

    .activeRouteCode{
        color: white !important;
        background: #4d2e99 !important;
    }

    div.modal-dialog > div.modal-content {
        width:750px !important;        
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, 0%);        
    }
    

    .willcallwizard ::ng-deep .nav-tabs, .nav-link, .nav-item{
        margin: 0 0 0px 0 !important;
        border-bottom: 0px !important;
        border: 0 !important;
    }

    .willcallwizard ::ng-deep .nav-link{
        border: 0 !important;
        border-bottom: 0px !important;
        cursor: default;
        pointer-events: none;
    }

    .willcallwizard ::ng-deep .nav-item {
        margin-bottom: -10px;
    }


    .containerBG {
        position: relative;
        text-align: center;
    }


    .centered {
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-23%, -50%);
    }


    .clinicInfo{
        color: white;
        font-weight: 200;
        text-align: center;
        display:inline-block!important; 
    }

    .activePickup{
        color: white !important;
        background: #4d2e99 !important;
    }

    // #txtInstructions{
    //     display: none;
    // }
  
    // .txtInstructions{
    //     //text-decoration: underline;
    //     cursor: pointer;
    //     //color: #4d2e99 !important;
    // }

    #automaticSched{
        display: none;
    }
    .automaticSched{
        text-decoration: underline;
        cursor: pointer;
        color: #4d2e99 !important;
    }


    .orderDetails {
    background: #1dc9b7;
    border: 1px solid #1dc9b7;
    color: #ffffff;
    text-align: center;
    }


    h5{
        color: white !important;
        font-weight: 400 !important;
    }

    .th{
        font-weight: bold;
    }
#willcall-modal{
    .data-container {
        width: 90%;
        background: #fff;
        display: block;
        position: absolute;
        border: 1px solid #eaecf1;
        max-height: 300px;
        overflow-y: scroll;
        top: 120px;
        z-index: 98;
        }


    .data-container1 {
        width: 90%;
        background: #fff;
        display: block;
        position: absolute;
        border: 1px solid #eaecf1;
        max-height: 300px;
        overflow-y: scroll;
        top: 120px;
        z-index: 98;
    }
    .data-container2 {
        width: 90%;
        background: #fff;
        display: block;
        position: absolute;
        border: 1px solid #eaecf1;
        max-height: 300px;
        overflow-y: scroll;
        top: 120px;
        z-index: 98;
    }
    


    .data-list{  
        padding: 15px 15px 0 15px;
        cursor: pointer;
    }
    
    .data-list:hover{
        background: #f4f5f8;
    }
    .highlight{
        background: #f4f5f8;
    }
}


.lblPickup:first-letter
{
    text-decoration:underline;
}
.scrollCancel{
    overflow-x: hidden;  
    max-height: 300px;
}

.scrollAutos{
    overflow-x: hidden;  
    max-height: 400px;
}

.scrollList{
    overflow-x: hidden;  
    max-height: 400px;
}

// .common-lookup{
//     .ui-table-wrapper{
//         max-height: 542px;
//         overflow-x: hidden;
//     }
// }

::ng-deep .common-lookup{
    .ui-table-wrapper{
        max-height: 542px;
        overflow-x: hidden;
    }
    th {
        position: sticky;
        top: 0;
    }
}


// .fixed_header{
//     width: 100%;
//     table-layout: fixed;
//     border-collapse: collapse;
// }

// .fixed_header tbody{
//   display:block;
//   width: 100%;
//   overflow: auto;
//   height: 400px;
// }

// .fixed_header thead tr {
//    display: block;
// }

// .fixed_header th, .fixed_header td {
//   //padding: 2px;
//   width: 100px;
// }