body { background: #f8f8fbb3; }

body {
    --sb-track-color: #d4d4d4;
    --sb-thumb-color: #727976;
    --sb-size: 9px;
}

::-webkit-scrollbar {
    width: var(--sb-size)
}

::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 3px;

}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color)
        var(--sb-track-color);
    }
}

a { color: #9DA9EA; }

.timetable-data-container { overflow-x: scroll; }
.timetable-data-container a { color: #495057; }



.text-info { color: #AB32F8!important; }
.nav-tabs-custom .nav-item .nav-link { padding: 1rem; }


@media (min-width: 768px) {
    #page-nav-tabs.sticky { position: fixed;  top: 100px; }
}

@media (max-width: 768px) {
    .mobile-table-scroll { overflow-x: scroll; }
}

.hidden { display: none; }

.columnHead label { justify-content: flex-start; margin-bottom: 0; }

#tabs-panel.white-background { background: #fff; }

.questions-list .card { flex-direction: row; }

#tab-questions .survey-form { float: none; width: 100%; max-width: 992px; margin: 0 auto; }


#editQuestionModal #editQuestionModalDialogForm .cardEdit label,
#addQuestionTabForm .cardEdit label { margin: 0; }

#editQuestionModalDialogForm .cardEdit { padding: 0; }

.questions-list .menu { box-shadow: 0 0px 5px 0 rgb(0 0 0 / 20%); }

.questions-list #sortable li:hover, .questions-list #sortable li.selected { background: #f8f8fb; }

.survey-form .no-questions { padding: 0!important; }



.table thead th { border-top: none; }
.table > tbody:first-child tr:first-child td { border-top: 0!important; }

.moreData { color: DimGray; text-align: left; cursor: pointer; text-decoration: underline; }


.hiddenData { display: none; }

a:hover { cursor: pointer; }

#unitLocList { padding: 0; height: 200px; overflow: visible; overflow-y: scroll; }
#unitLocList li { list-style: none; list-style-position: outside; }
#unitLocList input[type="radio"], #unitLocList input[type="checkbox"] { margin-right: 5px; }
.liUnit label { margin-right: 5px; }

#unitLocs ul { padding: 0; padding-left: 20px; list-style-position: inside; }


.table.table-compressed td, .table.table-compressed th { padding: .50rem .75rem; font-size: 12px; }
.table.table-compressed label { margin-bottom: 0; }

#unitLocs li { font-size: 12px; }
.user-table tr#unitLocs .liUnit ul { margin: 0 0 0 30px; }
.user-table #contacts ul { padding-left: 0; }
.user-table #contacts ul li { list-style: none; }
.permissions-table tr#unitLocs .liUnit ul { margin: 0 0 0 30px; }

input[name='preferred'] { display: none; }

.icon-selected { color: #5cb85c; }
.btnReturn { text-transform: none; }
.user-table #contacts .contactAddress { margin-left: 8px; margin-right: 15px; }
.user-table #contacts span.contactAddress { color: #556ee6!important; }
.user-table #contacts span.fa-trash { margin-left:7px; }
.user-table #contacts ul li { margin-bottom: 7px; }

.user-table .form-group { padding-bottom: 1rem; }

.actionsDiv.fixed { bottom: 0; left: 0; right: 0; background: #fff; z-index: 33; padding-top: 15px; text-align: center!important; }

@media (max-width: 380px) {
    .navbar-brand-box {
        display: block;
    }
}

div.scrollableDiv { width: 100%; max-height: 400px; overflow-y: auto; overflow-x: hidden; }

.bg-primary.bg-soft { background-color: rgb(211 218 249) !important; }
.bg-success.bg-soft { background-color: #CCF0E3!important; border-color: #34c38f !important; }
.bg-info.bg-soft { background-color: rgb(209 232 251) !important; }
.bg-warning.bg-soft { background-color: rgb(252 236 211) !important; }
.bg-danger.bg-soft { background-color: #fcdada!important; border-color: #f46a6a!important; }
.bg-dark.bg-soft { background-color: rgba(52,58,64,.25)!important; }
.bg-secondary.bg-soft { background-color: rgb(220 221 226) !important; }

#newSlotForm li, #slotServices li { list-style: none; list-style-position: outside; }
#slotServices ul { padding: 0; margin: 0; }

.bs-tooltip-bottom { pointer-events: none; }

@media (min-width: 992px) {
    .modal-dialog { max-width: 700px; margin: 1.75rem auto; }
}

table.todayActivity th, table.todayAppt th, #widgetTimetable th { background-color: inherit!important; }
table.todayActivity tr:hover, table.todayAppt th:hover { background-color: #cee6fb!important; }
table#matchedClient .tdTitle { background-color: #cee6fb!important; }

.ui-autocomplete.ui-front { z-index: 9999; }
.colSlotRuleSeq { cursor: pointer; }

label.serviceBox { display: block; margin: 5px 0; }

.bg-light { background-color: #eef1f7!important; }

table#timetable { background-color: #eef1f79c; }
table#timetable td,
table#timetable th {border: 1px solid #dfe3e9;}

.section-listing-filters { background-color: #f0f1f3!important; background-color: #eef1f7!important; padding-top: 1rem!important; padding-bottom: 1rem!important; border-bottom: 1px solid #d9dce1!important; border-top: 1px solid #d9dce1!important; }
.section-listing-filters.py-0 { padding-top: 0rem!important; padding-bottom: 0rem!important; }

.scroll-x-all { overflow-x: scroll; }

@media (max-width: 1200px) {
    .scroll-x-xl { overflow-x: scroll; }
}
@media (max-width: 992px) {
    .scroll-x-lg { overflow-x: scroll; }
}
@media (max-width: 768px) {
    .scroll-x-md { overflow-x: scroll; }
}

.timetable-data-container { padding-top: 44px; margin-top: -10px; min-height: 300px; }

table.timetable td { background: transparent; print-color-adjust: exact; }
table.timetable td:hover { background: transparent; }
table.timetable td.bg-warning { print-color-adjust: exact; background: #fcf8e3; }
table.timetable td.bg-info { print-color-adjust: exact;background: #d9edf7; }
table.timetable td.bg-success { print-color-adjust: exact;background: #dff0d8; background: #CCF0E3!important; background-color: #CCF0E3!important; }
table.timetable td.bg-danger { print-color-adjust: exact;background: #f2dede!important; background-color: #f2dede!important; }
table.timetable td.bg-primary { print-color-adjust: exact;color: #fff; background-color: #337ab7;}

table.timetable thead th a { text-decoration: none; }
table.timetable thead th a:hover { text-decoration: underline; }
table.timetable td:hover { /*background-color: #BCD2EE;*/ }
table.timetable th {  text-align: center; border: 1px solid #eff2f7; position: relative; }
table.timetable th.current-day { background: #eff2f7; }
table.timetable th br { display: none; }
table.timetable .day-actions { position: absolute; cursor: pointer; bottom: 100%; left:0; right: 0; display: flex; }
table.timetable .add-slot-on-date { height: 40px; flex-grow: 1; border: 1px solid #eff2f7; border-top-left-radius: 10px; }
table.timetable .cancel-date { height: 40px; flex-grow: 1; border: 1px solid #eff2f7; }
table.timetable .delete-date { height: 40px; flex-grow: 1; border: 1px solid #eff2f7; border-top-right-radius: 10px; }
table.timetable th:hover .day-actions,
table.timetable th.current-day .day-actions,
table.timetable th.hover .day-actions { display: flex; justify-content: center; }
table.timetable .add-slot-on-date img,
table.timetable .cancel-date img,
table.timetable .delete-date img { max-width: 100%; max-height: 100%; padding: 8px; }
table.timetable tr:nth-child(2) th { font-weight: normal; color: black; background-color: lavender; font-size: 12px; padding: 3px; text-align: center; }
table.timetable tr { background-color: transparent; padding: 8px; }
table.timetable td.slot-cell { /*border-bottom: 1px solid lightsteelblue;*/ position: relative; padding: 6px 8px; width: 14%; vertical-align: top; }
table.timetable div.slot-cell { position: relative; border-radius: 10px; padding: 5px; margin: 0 5px; overflow: hidden; transition: height 300ms ease-out; }
table.timetable div.slot-cell:hover { box-shadow: 0 .5rem 1.5rem rgba(18,38,63,.15); height: auto!important; min-height: 70px; transition: all 150ms; width: calc(100%)!important; left: -5px!important; z-index: 333; overflow: visible; border-top-left-radius: 0; border-top-right-radius: 0; }
table.timetable .slot-cell .slot-label { font-weight: 600; }
table.timetable .slot-cell a.slot-label { cursor: pointer; }
table.timetable .slot-cell .multitime-cell-info { display:none; padding: 3px; font-weight: 400; background: #ffffffba; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table.timetable .slot-cell:hover .multitime-cell-info { display: block; }
table.timetable .slot-cell .booking-count { position: absolute; bottom: 5px; right: 5px; }
table.timetable .slot-cell .fa-user { font-size: 10px; padding-bottom: 4px; vertical-align: middle; }
table.timetable .past-slot { opacity: 0.4; }
table.timetable .cell-wrapper a.book-slot { display: inline-block;text-align: center; width: 50%; padding: 3px 12px; font-size: 12px; }
table.timetable .cell-wrapper a.open-slot-settings { display: inline-block; text-align: center; width: 50%; padding: 3px 10px; font-size: 11px; }
table.timetable .cell-wrapper a.open-slot-settings { float: right; border-left: 1px solid #cdd6e6;  }
table.timetable div.slot-cell .slot-actions { display: none; background: #fff;   position: absolute;  top: -25px;  right: -1px;  left: -1px; box-shadow: 0 .5rem 1.5rem rgba(18,38,63,.05); border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #cdd6e6;}
table.timetable div.slot-cell:hover .slot-actions { display: inline-block; }
table.timetable td.slot-cell .slot-cell .cell-wrapper { height: 100%; }
table.timetable td:not(.slot-cell):not(.past-cell) { cursor: pointer; }

@media (max-width: 768px) {
    .timetable-data-container thead th:nth-child(2) { width: 100%; }
    table.timetable .add-slot-on-date { display: block; }
    table.timetable .cancel-date { display: block; }
    table.timetable .delete-date { display: block; }
    .timetable-date-filter-wrapper { position: fixed; margin-bottom: 0; bottom: 0; left: 0; right: 0; z-index: 999; padding: 10px 30px 20px; background: #ffffff; box-shadow: 0px 23px 30px #000; }
}
.timetable-data-container.day-view thead th:nth-child(2) { width: 100%; }
.timetable-data-container.day-view th { min-width: 120px; }
.timetable-data-container.day-view { }


#updateDayUntilModal.modal { background: rgba(0,0,0,0.3); }

/* temp */
table.timetable div.slot-cell .bg-success.bg-soft { background-color: #ffd8b2 !important; border-color: #e5ddd0 !important; }

.timetable-closed-dates table.timetable td { height: 60px; }
.timetable-closed-dates table.timetable td:hover { background-color: #fff; }
.timetable-closed-dates table.timetable .closed-day { background: #FFE5DC; color: #fff; position: relative; }
.timetable-closed-dates table.timetable .closed-day:hover { background: #E9BFB2; }
.timetable-closed-dates table.timetable .open-day { /*background-color: #8193A6;*/ position: relative; }
.timetable-closed-dates table.timetable .open-day:hover { background-color: #BCD2EE; }
.timetable-closed-dates table.timetable .inactive-day { background-color: #fff; color: #999; }
.timetable-closed-dates table.timetable .inactive-day:hover { /*background: #efefef;*/ }
.timetable-closed-dates table.timetable .closed-day a, table.timetable .open-day a { display: block; position: absolute; /*top: 0; left: 0;*/ padding-top:8px; width: 100%; height: 100%; }
.timetable-closed-dates table.timetable .closed-day a { color: #444; }
.timetable-closed-dates .timetable-color-map { margin: 20px 0; }
.timetable-closed-dates .timetable-color-map .color-code { display: inline-block; *display: inline; *zoom: 1; width: 20px; height: 20px; margin-bottom: -5px; }
.timetable-closed-dates .timetable-color-map .color-code-pink { background:#FFE5DC; }

.po-cell { color: #495057; }
.past-slot .po-cell { color: #495057; }
.btn-primary.bsnb, .btn-primary.bsnb:hover { color: #fff; }

.timeList, .timeInfo ul { list-style: none; padding-left: 0; margin:0; }


.columnHead.clientInfo { background: #eff2f7; }
.columnHead.clientBookingInfo { background: #d9edf7; }

#rebookRightColumn .day.disabled, .booking-slot-picker .day.disabled { color: #999999; font-weight: normal;  background: none; }
#rebookRightColumn .day, .booking-slot-picker .day { color: #fff; font-weight: bold; background: #34c38f; }

#templateCreateModal #unitLocList { /*height: auto;*/ height: calc(1.5em + .94rem + 2px); }

table.clickable tbody tr { cursor: pointer; }
.invalidUserInput .form-control { border: 1px solid red; }

/* Notification Templates */
#templatePreviewModal .content { margin: 10px 0; padding: 10px; display: block; vertical-align: middle; color: #575757; background-color: whitesmoke; overflow-y: hidden; word-wrap: break-word; }
.notification-templates-index .dfaultCards div.cardsDiv { overflow-y: hidden; min-height: 50px;height: auto;  }
.notification-templates-index div.msgCard { overflow: hidden; padding: 0 8px 8px 8px; border: 1px solid #eaeaea; }
.notification-templates-index div.msgCard:hover { cursor: pointer; background-color: #BCD2EE !important; }
.notification-templates-index div.cardMeta { float: left; margin: 0 15px; }
.notification-templates-index div.cardMeta span.mataLocation { font-size: 14px; font-weight: bold; }
.notification-templates-index div.cardMeta span.metaText { color: lightslategray; }
.notification-templates-index div.cardMeta ul { margin: 5px 0; padding: 0; }
.notification-templates-index div.cardMeta li { margin: 0; padding: 0; list-style: none; }
.notification-templates-index .selectedCard { background-color: lightsteelblue; }

/* Notification Templates Create */
.messageTemplateText textarea { }

/* Contact details */
#tab-settings #contacts label { display: inline-block; }
#tab-settings #contacts ul { list-style: none; padding-left: 0; }
#tab-settings #address ul li { display: block; }
#tab-settings #address ul { padding-left: 0; }

.custom-attribute-display-record label { display: inline-block;  }

body.fullscreen-enable [data-toggle="fullscreen"] { display: none; }

/* GoBetween messaging */
/* Messaging list filters */
div.cardsDivHead { overflow: hidden; /*height: 50px;*/ border-bottom: solid thin gainsboro; background-color: whitesmoke; }
div.folderInfo { margin: 13px auto; text-align: center; }
select#mailFolder { border: none; background-color: transparent; font-size: 14px; vertical-align: middle; }
select#mailFolder:hover { cursor: pointer; }
span#cntMsgInFolder {  color: #fff; text-align: center; font-size: 11px; }

div.searchCardsDiv { border-bottom: solid thin gainsboro; overflow: hidden; /*height: 30px;*/ background: #fff; }

.messaging-index input#searchTextArea { padding: 0 10px; width: 100%; *width:97%; height: 100%; *height: 30px; *line-height: 30px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.messaging-index .beforeSearch { background-image: url('../images/search_icon.png'); background-size: 25px 25px; background-repeat: no-repeat; background-position: left center; opacity: 0.3; filter: alpha(opacity=30);  }

/* Messaging list and panels */
div.cardsDiv { overflow-y: auto; height: 520px; }
div.msgCard { overflow: hidden; padding: 0 8px 8px 8px; border-bottom: solid thin whitesmoke; }
div.msgCard:hover { cursor: pointer; background-color: #BCD2EE; }
div.cardIcon { float: left; text-align: center; padding: 0 5px; }

div.cardMeta { float: left; margin: 0 15px; width: 75%;  }
div.cardMeta.col-md-7 { width: 58.33333333%; }
div.cardMeta span.cardMetaFrom { color: black; }
div.cardMeta span.cardMetaTime { font-size: 10px; color: darkgray; }
div.cardMeta ul { margin: 5px 0; padding: 0; }
div.cardMeta li { margin: 0; padding: 0; list-style: none; }
div.cardSubject { float: left; margin: 0 15px; }
.selectedCard { background-color: lightsteelblue; }
.unreadMsg { background-color: whitesmoke; }
.unreadMsg .cardMetaFrom { font-weight: bold; }

.msgDetailsDivNoData { background-color: gainsboro; border: none !important; }

div.msgDetailsDiv .loading { margin: 230px; }
div.msgDetailsDiv { overflow: hidden; min-height: 520px; border: thin solid lightsteelblue; }
div.msgDetailsDiv ul { margin: 0; padding: 0; }
div.msgDetailsDiv li { margin: 1px 0; padding: 0; list-style: none; }
div.msgDetailsDiv div#msgSubject { padding: 10px; overflow: hidden; font-size: 18px; background-color: lightsteelblue; }
div.msgDetailsDiv div#msgHead { background-color: whitesmoke; padding: 10px; overflow: hidden; }
div.msgDetailsDiv span.msgSenderInfo { font-size: 16px; }
div.msgDetailsDiv span.msgRecipientInfo,
div.msgDetailsDiv span.msgTimeInfo { color: darkslategrey; font-size: 11px; }
div.msgDetailsDiv div#msgBody { padding: 10px; overflow-y: auto; height: 370px; word-wrap: break-word; }
div.msgDetailsDiv div#msgFoot { overflow: auto; background-color: whitesmoke; height: 40px; }
div.msgDetailsDiv span.attmInfo { display: inline-block; vertical-align: middle; margin: 10px; float: left; }
div.msgDetailsDiv a { vertical-align: middle; }
div.msgDetailsDiv span.fa { display: inline-block; *display: inline; vertical-align: middle; margin: 0; }


/*****test2MsgD****/
#test2MsgD { overflow: hidden; margin: 10px auto; }
#test2MsgD textarea.composeBody { width: 100%; }
#test2MsgD ul { margin: 0; padding: 0; }
#test2MsgD ul li { margin: 4px 0; padding: 0; list-style-type: none; }
#test2MsgD li input[type=text] { box-sizing: border-box; display: block; width: 100%; }
.ie7 #test2MsgD .selectedRecipientTag > input { display: none; }
#test2MsgD .attmSpan { margin: 4px 0; vertical-align: middle; display: block; }
#test2MsgD .addMore,
#test2MsgD .delteOne { vertical-align: middle; display: inline-block; }
#test2MsgD .addMore span,
#test2MsgD .delteOne span { vertical-align: middle; display: inline-block; }
#test2MsgD .modal-body { max-height: 450px; overflow-y: auto; }

/**for IE7**/
.ie7 #test2MsgD input[type=file] { width: 90%; }
.ie7 #test2MsgD .addMore,
.ie7 #test2MsgD .delteOne { display: inline; }
.ie7 #test2MsgD .addMore span,
.ie7 #test2MsgD .delteOne span { display: block; }
input[name='msgAttm[]'], input[name='apptAttm[]'] { display: inline; }

/**dialogue for new message(hull)*/
#newMessageDialog li { margin: 4px 0; padding: 0; list-style-type: none; }
#newMessageDialog ul { margin: 0; padding: 0; }
#newMessageDialog li input[type=text] { box-sizing: border-box; display: block; width: 97%; }
#newMessageDialog .attmSpan { margin: 4px 0; vertical-align: middle; display: block; }
#newMessageDialog button { vertical-align: middle; margin: 0; }

.messageDiv { color: #A00000; margin: 10px 0; }


/********testing*******/
.recipientContainer { border: thin solid silver; overflow: hidden; vertical-align: middle; border-radius: 5px; }
.composeToNew { display: inline-block!important; border: none; width: 100%!important; padding: 2px 4px; margin: 0; vertical-align: middle; }
.composeToNew:hover { background-color: lavender; }
.composeToNew:focus { background-color: transparent; }
.ui-autocomplete { max-height: 150px; overflow-y: auto; overflow-x: hidden; }
.selectedRecipientTag { margin: 3px 4px; padding: 2px; /*border: thin green solid;*/ display: inline-block; vertical-align: middle; background-color: lightsteelblue; }
.selectedRecipientTag .ui-icon { display: inline-block; vertical-align: middle; }
.selectedRecipientTag span { vertical-align: middle; }
.selectedRecipientTag .fa-close { cursor: pointer; }


#tab-gbt-surveys .nav-pills .nav-link.active a { color: #fff; }
#radios input[name='btnStatus'] { display: none; }

.tdFilter .span-toggle { font-size: 13px; text-decoration: underline; color: #556ee6; }

/* tags */
.keyword-tag, .location-tag, .group-tag { background: #50a5f1; color: #fff; padding: 4px 6px; border-radius: 5px; display: block; float: left; margin-right: 6px; margin-bottom: 6px; }
.keyword-tag .remove,  .location-tag .remove, .group-tag .remove { margin-left: 6px; font-size: 8px; cursor: pointer; }


.canceledBooking, .canceledBooking a { background-color: #FFE4E1 !important; }
table.horizontalTable.clickable tbody .canceledBooking:hover a { background-color: inherit!important;}

.inactiveUser, .inactiveUser a { background-color: #FFE4E1 !important; }

.attmSpan { margin-bottom: 7px; display: inline-block; }
.addAttachmentRow { cursor: pointer; margin-top: 15px; }

.bootstrap-select { width: 100%!important; }
.bootstrap-select .btn-light { background: #fff; border-color: #cdd6e6!important; }
.bootstrap-select .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;}
.show>.btn-light.dropdown-toggle { background: #fff; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}


table.form-table #singleTimeSelectDiv, table.form-table #multiTimeSelectDiv, table.form-table tr.multiTimeTr, table.form-table tr.singleTimeTr { display: none; }

#timeSettingsRow { border-top: 2px solid #e7e7e7; }
#timeSettingsRow td { padding-top: 15px; }
#slotLabelRow { border-top: 2px solid #e7e7e7; }
#slotLabelRow td { padding-top: 15px; }

.breakTimePreset { border: 1px solid #ced4da; border-radius: .25rem; }

#freeMsgDialog { overflow: hidden; margin: 10px auto; }
#freeMsgDialog ul { margin: 0; padding: 0; }
#freeMsgDialog ul li { margin: 8px 0; padding: 0; list-style-type: none; }
#freeMsgDialog ul li span.title { margin-right: 5px; font-weight: 600; }
#freeMsgDialog li input[type=text] { box-sizing: border-box; display: block; width: 97%; }
#freeMsgDialog textarea.composeBody { width: 100%; }


ul.timeList li { display: flex; justify-content: space-between; }

#logMoreData:hover {
    background: #d8e4fc;
    cursor: pointer;
}

.bootstrap-select div.dropdown-menu.show{
    max-width: 500px !important;
    overflow: hidden;
}

@media (max-width: 768px) {
    .bootstrap-select div.dropdown-menu.show{
        max-width: calc(100vw - 100px) !important;
    }
}

.dropdown.responsive{
    display: none;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

.dropdown.responsive .btn {
    width: 100%;
}

.dropdown .dropdown-menu.responsive {
    width: calc(100% - 24px);
    margin-left: 12px;
}

.dropdown-menu.responsive .dropdown-item {
    text-align: center;
}

@media screen and (max-width: 992px) {
    #entityInfoTabs {
        display: none;
    }

    .dropdown.responsive {
        display: block;
    }
}

@media print {
    body {-webkit-print-color-adjust: exact; print-color-adjust: exact; }

    body[data-layout=horizontal] .page-content { padding-top: 0; padding-bottom: 0; }
    .timetable-data-container { overflow: visible; max-height: initial!important; }
    .timetable-data-container  tbody td { height: auto!important;  }
    .timetable-data-container table.timetable div.slot-cell { position: relative!important; top: auto!important; margin-bottom: 5px; height: auto!important; }

    .timetable-data-container table.timetable div.slot-cell .service-name { display: block!important; }
}


.card-body-sticky.sticky { position: fixed; top: 53px; width: 100%; }
.card-body-sticky.sticky + #dataDiv { padding-top: 77px; }
@media (min-width: 1200px) {
    .card-body-sticky.sticky { width: calc(85% - 2.5rem); }
}
@media (max-width: 992px) {
    .card-body-sticky.sticky { position: fixed; top: 0; }
}

.thead { border-bottom: 2px solid #eff2f7; }
.thead .th { padding: .75rem; font-weight: 600;}
.tbody .tr { border-top: 1px solid #eff2f7; }
.tbody .tr .td { padding: .75rem; }
.table-striped .tbody .tr:nth-of-type(odd) { background-color: #f8f9fa; }
.table.clickable .tbody .tr { cursor: pointer; }

.col-1-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.16666%;
    flex: 0 0 4.16666%;
    max-width: 4.16666%;
}
.col-2-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}


#dataDiv.scrollable .tbody { overflow-x: scroll; }

th.sortField { background-color: #a1cff7; border: none; }
th.sortField.ASC:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-bottom: 3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black; /* Change color as needed */
}

th.sortField.DESC:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-bottom: 3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black; /* Change color as needed */
}
/* Base styling */
.custom-checkbox { position: relative; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; border: 1px solid #6c757d; background-color: #fff; cursor: pointer; transition: all 0.2s ease-in-out; border-radius: .25em; appearance: none; background-repeat: no-repeat; background-position: center; background-size: contain; }
/* Checked state */
.custom-checkbox:checked { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
/* Hover and focus states */
.custom-checkbox:hover { border-color: #0b5ed7; }
.custom-checkbox:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); }
/* Disabled state */
.custom-checkbox:disabled { background-color: #e9ecef; border-color: #adb5bd; cursor: not-allowed; }
/* Active state */
.custom-checkbox:active { background-color: #084298; border-color: #084298; }

.rebookableItemDiv #datepicker .datepicker { width: 100%; }
.rebookableItemDiv #datepicker .datepicker table { width: 100%; }