.slot-cell {
    font-size: 20px;
    text-align: center;
    width: 100%;
    /*background-color: #34C759;*/
    border-radius: 5px;
    height: fit-content;
}

.bar-items {
    font-size: 30px;
}


.more-dd-li {
    text-align: start !important;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
}

.dropdown-content{
    width: auto !important;
    padding-inline-start: 0px;
}

.green-cell {
    height: 55px;
    display: inline;
    border-radius: 5px;
    margin: 10px;
    line-height: 55px;
    text-align: start;
    padding-inline-start: 20px;
    color: white;
    font-size: 15px;
    width: 85%;
    background-color: #34C759;
}


.services-container {
    width: 100%;
    box-shadow: inset 0 -1px 0 0 #e8eaed;
    background-color: #ffffff;
    overflow-x: scroll;
    white-space: nowrap;
}

.services-container::-webkit-scrollbar:horizontal {
     height: 0;
     width: 0;
     display: none;
 }

.services-container::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
.services-container::-webkit-scrollbar-thumb:horizontal {
     display: none;
 }



.service-tab {
    display: inline-block;
    padding: 0 20px 10px 20px;
}

.green-cell-text {
    margin-top: 19px;
    font-size: 14px;
    opacity: 0.7;
    width: 15%;
    line-height: 13px;
    white-space: pre-wrap;
    text-align: center;
    display: inline;
}

.open-slot-row {
    height: 70px;
}

#opened-slot-header {
    position: fixed;
}


.text-container {
    width: 80%;
    text-align: start;
    border-bottom: 1px solid #e8eaed;
    color: #333333 !important;
}

.img-container {
    width: 20%
}

.function-buttons-container {
    margin-inline-end: 20px;
    margin-top: 20px;
    margin-inline-start: 10px;
}

.function-buttons-img {
    height: 40px;
    width: 40px;

}

.function-buttons-text {
    margin-top: 5px;
    color: #333333;
    font-size: 13px;
}

.radius-max {
    border-radius: 100px !important;
}

.action-buttons {
    margin-inline-end: 20px;
    margin-inline-start: 20px;
    height: 50px;
    color: white;
    font-size: 19px;
}

.info-text {
    font-family: var(--language-font-bold);
    font-size: 16px;
    margin-inline-end: 10px;
    margin-inline-start: 10px;
    margin-top: 10px;
    text-align: center;
    direction: rtl;
}

.info-text-link {
    font-family: 'Roboto';
    color: #0f70e7;
    font-size: 15px;
    margin-inline-end: 10px;
    margin-inline-start: 10px;
    margin-top: 5px;
    text-align: center;
    direction: rtl;
}

/*override for autocomplete*/
nav {
    background-color: whitesmoke !important;
}

/*::placeholder { !* Chrome, Firefox, Opera, Safari 10.1+ *!*/
/*color: black;*/
/*opacity: 1; !* Firefox *!*/
/*}*/

textarea:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}

input:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}
