body {
    color: #2f3d4a !important;
}

.collapse.in {
    display: block !important;
}

.sorting {
    cursor: pointer;
}

.sorting::after {
    /* font: normal normal normal 28px/1 Material Design Icons;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    position: absolute;*/
    right: 2px;
    color: #fff;
    content: "\F04BA";
    font-size: 16px !important;
    margin-top: -3px;
}

.sorting.desc::after {
    color: gray;
    content: "\2193";
}

.sorting.asc::after {
    color: gray;
    content: "\2191";
}

.loading-screen-wrapper {
    z-index: 100000;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    display: block;
}

.loading-screen-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner-border {
    width: 6rem !important;
    height: 6rem !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

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

.pl-5 {
    padding-left: 5px !important;
}

.btninfo {
    line-height: 1 !important;
}

.h3,
h3 {
    font-size: 1.30rem !important;
}

.inline-textbox {
    display: inline-block !important;
}

a.disabled {
    color: gray;
    cursor: not-allowed;
    text-decoration: underline;
}

.ml-2 {
    margin-left: 2px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-4 {
    margin-left: 4px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.text-right {
    text-align: right;
}

.pull-right {
    float: right;
}

.mr-5 {
    margin-right: 5px;
}

.mr-1 {
    margin-right: 1px;
}

.btn-light-primary:hover {
    background-color: #7460ee !important;
    border-color: #7460ee !important;
    color: #fff !important;
}

.flex-wrap {
    white-space: break-spaces !important;
}

.modal-lg {
    max-width: 800px;
}

.modal-xl {
    max-width: 1000px;
}

.page-titles {
    background: none !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
}

.btn-a {
    color: #000 !important;
    background-color: #f1effd !important;
    border-color: #f1effd !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .15) !important
}

.sidebar-link.active {
    background-color: #6c757d !important;
}

.page-titles {
    padding: 7px 20px !important;
}

.card-body {
    padding: 0.5rem 1.0rem !important
}

.verification-box {
    max-width: 500px !important;
}

.ng-dropdown-panel {
    z-index: 1057 !important;
}

.logo-width {
    width: 153px;
}

.sorting.asc::after {
    color: black;
}

.sorting::after {
    font-size: 20px !important;
}

.sorting.desc::after {
    color: black;
}

.inline-display {
    display: inline !important;
}

.inline-flex-display {
    display: inline-flex !important;
}

.w-5 {
    width: 5%;
}

.w-6 {
    width: 6%;
}

.w-7 {
    width: 7%;
}

.w-8 {
    width: 8%;
}

.w-10 {
    width: 10%;
}

.w-11 {
    width: 11%;
}

.w-12 {
    width: 12%;
}

.w-13 {
    width: 13%;
}

.w-14 {
    width: 14%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-39 {
    width: 39%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.width-40 {
    width: 40% !important;
}

.width-50 {
    width: 50% !important;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.width-65 {
    width: 65% !important;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.width-90 {
    width: 90% !important;
}

.w-100 {
    width: 100%;
}

.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

.p-01 {
    padding: 0.1rem 0.1rem !important;
}

.bg-white {
    background-color: white !important;
}

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

.b-b-dark-5 {
    border-bottom: 5px solid;
    border-radius: 5px;
    border-color: #000;
}

.b-b-light-primary-5 {
    border-bottom: 5px solid !important;
    border-radius: 5px !important;
    border-color: rgb(33, 193, 214) !important;
}

.b-b-warning-5 {
    border-bottom: 5px solid !important;
    border-radius: 5px !important;
    border-color: #ffb22b !important;
}

.b-b-secondary-5 {
    border-bottom: 5px solid !important;
    border-radius: 5px !important;
    border-color: #6c757d !important;
}

.b-b-primary-5 {
    border-bottom: 5px solid !important;
    border-radius: 5px !important;
    border-color: #7460ee !important;
}

.b-b-success-5 {
    border-bottom: 5px solid !important;
    border-radius: 5px !important;
    border-color: green !important;
}

.min-height-40 {
    min-height: 50px;
}

.min-height-60 {
    min-height: 60px;
}

.min-height-100 {
    min-height: 100px;
}

.display-price-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.display-icon-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

table.customize-table td,
table.customize-table th {
    padding: 5px 5px 5px 5px !important;
}

.btn-light-success:hover i,
.btn-light-success:hover {
    color: rgb(25, 135, 84) !important;
}

.pos-font {
    font-size: 1rem;
    font-weight: 500;
    color: #455a64;
}

.p-l-3em {
    padding-left: 3em !important;
}

.fw-light {
    font-weight: 300 !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.b-0 {
    border-width: 0px !important;
}

.b-light-primary-5 {
    border: 1px solid !important;
    border-radius: 5px !important;
    border-color: #1e88e5 !important;
}

.b-light-primary-5:hover {
    background-color: #1e88e5 !important;
}

.b-light-primary-5:hover h3 {
    color: white !important;
}

.p-r-8 {
    padding-right: 8px !important;
}

.sidebar-nav ul .sidebar-item {
    margin-bottom: 5px !important;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 15px !important;
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
    width: 275px;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse,
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
    margin-left: 275px;
}

.left-sidebar .sidebar-footer {
    width: 275px;
}

.left-sidebar {
    width: 275px;
}

.sidebar-nav ul .sidebar-item .first-level {
    padding: 5px 0 0 5px;
}

.sidebar-nav ul {
    padding: 10px;
}

.table>:not(caption)>*>* {
    padding: .30rem !important;
}

.ul-wo-bullet {
    list-style-type: none
}

.cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-title-container .cal-scheduler-event-title {
    font-size: 12px !important;
}

.top-right-span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    /* padding: 5px; */
}

.unavailable {
    background-color: #D6D6D6 !important;
}

.cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-actions-container {
    width: 100%;
    position: absolute !important;
    text-align: end !important;
    right: 5px;
    top: 5px;
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.no-top-bottom-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.calendar .time-slot {
    height: 60px !important;
    /* Change the height of each segment */
}