.header-right .button {
    padding: 15px 20px;
}

.lkp .doctors-filter-menu {
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 410px);
}

.lkp .doctors-container {
    padding-right: 0;
}

.lkp {
    margin-top: -40px;
}    

.lkp .appointment-time-item-wrapper {
    //position: static;
}
/*
.lkp .appointment-times-list {
    padding-bottom: 50px;
}

.lkp .appointment-time-submit-btn {
    top: unset!important;
    bottom: -20px;
    right: unset!important;
    left: 50%!important;
    margin-left: -75px;
}
*/


.lkp .doctor-card {
    height: fit-content;
}

.lkp .appointment-form-group {
    margin-bottom: 5px;
}

body.hidden {
    overflow: hidden;
}

.lkp .doctor-card.expanded .doctor-appointment-expanded {
    max-height: calc(100vh - 410px);
}

.lkp .appointment-form-input, .lkp .appointment-form-submit {
    height: 40px;
    width: 100%;
    margin: 0;
}

.lkp .appointment-form-submit {
    height: 50px;
}  

.lkp .appointment-time-item {
    padding: 8px 10px;
}  

.lkp .doctors-content-prewrapper {
    width: 100%;
}

@media screen and (min-width: 961px) {
    .lkp .appointment-time-item-wrapper:nth-of-type(6n) .appointment-time-submit-btn, .lkp .appointment-time-item-wrapper:nth-of-type(6n-1) .appointment-time-submit-btn {
        right: unset!important;
        left: -138px!important;
    }
}

@media screen and (max-width: 960px) and (min-width: 0px) {
    .lkp .doctors-filter-menu {
        position: relative;
        top: 0;
        width: 100%;
    }
    
    .lkp .doctor-card.expanded .doctor-appointment-expanded {
        max-height: calc(100vh - 440px);
    }
    
    .lkp .appointment-times-list {
        
    }
    
    .lkp .appointment-date-section.expanded .appointment-date-content {
        padding: 10px;
    }
   
}

.lkpdetail .appointment-times-list {
    gap: 0;
}

.lkpdetail .appointment-time-item {
    padding: 8px 5px;
}  

.lkpdetail .appointment-submit-btn-inline {
    padding: 11px 9px;
    margin-left: 9px;
}

@media screen and (min-width: 961px) {
    .lkpdetail .appointment-time-item-wrapper:nth-of-type(4n) .appointment-submit-btn-inline {
        right: unset!important;
        left: -122px!important;
    }
}

.lkpdetail .appointment-form-input, .lkpdetail .appointment-form-submit {
    height: 40px;
    width: 100%;
    margin: 0;
}

.lkpdetail .appointment-form-submit {
    height: 50px;
}