html,
body {
    font-family: "Noto Sans" !important;
    color: #000000;
}

.border {
    border: 1px solid #d9d9d9 !important;
}

table.table-bordered.dataTable {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

table.dataTable > thead .sorting:after {
    right: 0.5em;
    content: "" !important;
    opacity: 1 !important;
}

table.dataTable {
    font-size: 16px !important;
    font-weight: 500 !important;
}

table.dataTable thead th {
    vertical-align: top !important;
}

table.dataTable tbody tr[data-set-by-admin] {
    background-color: #f0faff;
}

table.dataTable thead {
    background-color: #f5f5f5;
    font-size: 18px;
    font-weight: 500;
}

table.dataTable thead th {
    border: #d9d9d9 1px solid !important;
}
.table tr, .table th, .table td{
    text-transform: unset !important;
}

/* Hide duplicate header when enable scroll */
.dataTables_scrollBody > table > thead > tr {
    visibility: collapse !important;
}

/* disabled click when loading */
div.dataTables_wrapper {
    pointer-events: none;
}
div.dataTables_wrapper:has(.dataTables_processing[style="display: none;"]) {
    pointer-events: unset !important;
}
.d-inline-table {
    display: inline-table;
}

/* WorkSpores */
.ws-p {
    padding: 1rem 1.25rem !important;
}
.ws-mh-0 {
    min-height: 0 !important;
}
.ws-bg-soild {
    background-color: #f5f8fa !important;
}
.ws-btn {
    color: #3f4254 !important;
    font-weight: bold !important;
    font-size: 14px;
}
.ws-text-dark {
    color: #3f4254 !important;
}
.ws-text-dark .select2-selection__rendered {
    color: #3f4254 !important;
}
.image-input [data-kt-image-input-action="cancel"] {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
}
.form-check-input {
    border: 1px solid #e4e6ef;
}
/* End WorkSpores */

/* WM */
.thm-bgcolor-1 {
    background-color: #f5f5f5;
    color: #666666;
}
.thm-bgcolor-2 {
    background-color: #aaadb0;
    color: #ffffff;
}
.thm-color-1 {
    color: #666666;
}
.thm-color-2 {
    color: #585858;
}
.thm-border-1 {
    border: 1px solid #d9d9d9 !important;
}
.thm-title {
    font-family: Noto Sans Myanmar;
    font-size: 22px;
    font-weight: 700;
    /*  line-height: 48.05px; */
    text-align: left;
}
.thm-title-1 {
    font-family: Noto Sans Myanmar;
    font-size: 20px;
    font-weight: 700;
    /*  line-height: 48.05px; */
    text-align: left;
}
.thm-form-control {
    font-family: Noto Sans Myanmar;
    font-size: 16px;
    font-weight: 400;
    /* line-height: 34.94px; */
    text-align: left;
}
.thm-label {
    font-family: Noto Sans Myanmar;
    font-size: 16px;
    font-weight: 600;
    line-height: 34.94px;
    text-align: left;
}
.thm-calendar-icon {
    background: url(/assets/media/icons/duotune/general/gen014.svg) no-repeat left;
    background-size: 24px;
    background-position: 97% 40%;
    background-repeat: no-repeat;
}
.required:after {
    content: " *";
    color: red;
    vertical-align: 0;
}
.mark-failed {
    border: 1px solid #ff00006b !important;
}
/* End WM */

/* menu */
@media screen and (max-width: 1023px) {
    div.sgp_aside.aside {
        margin-top: 55px !important;
    }
}
@media screen and (max-width: 400px) {
    img[src*="logo_mworker.png"] {
        height: 23px !important;
    }
}

.aside-light .menu .menu-title {
    font-weight: 700;
    color: #585858;
    size: 18px;
}
.menu-active-bg .menu-item .menu-link.active {
    background-color: unset !important;
}
.menu-active-bg .menu-item .menu-link.active .menu-title {
    background-color: unset !important;
    color: #6c2ef1;
}
.menu-item .menu-link.active #dashboard {
    background-color: unset !important;
    color: #6c2ef1 !important;
}
.menu-link.active span{
	color: #6c2ef1 !important;
}
.aside-menu .menu-item .menu-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 15px !important;
}

.aside-menu .menu-title.new-icon:after {
    content: "N";
    background-color: #ffa500;
    border-radius: 30px;
    color: #ffffff;
    padding: 1px 5px;
    margin-left: 4px;
    font-size: 12px;
}

.btn-majestic {
    background-color: #6c2ef1 !important;
    color: #ffffff !important;
}

.color-white {
    color: #fff !important;
}

.btn-delete {
    background-color: #ff3939;
    color: #ffffff !important;
}

.disabledArea {
    pointer-events: none;
    background-color: #f4f4f4;
}

.disabled-input {
    background-color: #D9D9D9 !important;
    cursor: pointer;
    caret-color: transparent;
}

.input-group .form-control:focus + .input-group-text {
    border-color: #B5B5C3; /* Change border color of input-group-text when input is focused */
}

.hover-pointer:hover {
    cursor: pointer;
}
.hover-not-allowed:hover {
    cursor: not-allowed;
    pointer-events: auto;
}

.hover-underline:hover {
    text-decoration: underline;
}

/* end menu  */

/* group btn select time */
.select-time-group {
    flex-wrap: nowrap;
}

.btn-select-time {
    color: #7c7c7c;
    border-color: #d9d9d9;
    background-color: #f5f5f5;
    padding: 10px 20px !important;
}

.btn-check:checked + .btn-select-time,
.btn-check:active + .btn-select-time,
.btn-select-time:active,
.btn-select-time.active,
.btn-select-time.dropdown-toggle.show {
    color: #ffffff;
    background-color: #6c2ef1;
    border-color: #6c2ef1;
}

.btn-group .btn-check:not(:checked) + label.btn {
    border: 1px solid #d9d9d9 !important;
}

.btn-select-time-group {
    border-color: #d3d3d3;
    background-color: white;
    border: 0.5px solid !important;
}

.btn-check:checked + .btn-select-time-group,
.btn-check:active + .btn-select-time-group,
.btn-select-time-group:active,
.btn-select-time-group.active,
.btn-select-time-group.dropdown-toggle.show {
    color: #ffffff;
    background-color: #6c2ef1;
    border-color: #6c2ef1;
}

.label-time-group {
    padding-top: 0.4rem !important;
    padding-bottom: 0.3rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.text-count {
    color: #072fff;
    font-size: 12px;
}

/*.btn-group .btn-check:not(:checked) + label.btn:last-child  {
      border-left: 1px !important;
  }*/

@media screen and (max-width: 575.98px) {
    .select-time-group {
        flex-wrap: wrap;
    }
}

/* group btn select time */
/* change language */
#select2-changeLanguage-results li.select2-results__option {
    padding: 0.25rem 0.5rem !important;
}
.img-flag {
    width: 24px !important;
    height: 24px !important;
}
/* end change language */

/* Width */
.w-200px {
    width: 200px !important;
}

.w-110 {
    width: 110px !important;
}
.max-width-200 {
    max-width: 200px !important;
}
.max-width-250 {
    max-width: 250px !important;
}
.max-width-300 {
    max-width: 300px !important;
}

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

.min-height-150 {
    min-height: 150px !important;
}

/* Width */

/* font size */

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

/* font size */

/* font weight */

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

/* font weight */

section.update-information {
    background-color: #f5f5f5;
}

section.update-information .left-column {
    color: #3d3d3d !important;
}

section.update-information .right-column {
    color: #444444 !important;
    background-color: #ffffff;
}

.select2-container--disabled .select2-selection--single {
    background-color: #d9d9d9; /* disabled background color */
}

.my-daterangepicker {
    width: 435px !important;
}

.datatable-paginate-buttons {
    width: 1.25rem;
    height: 1.25rem;
}

.fixed-table {
    width: 100%;
    table-layout: fixed;
    display: table;
}

.fixed-table .summary {
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-flag-container {
    width: 70px !important;
}

.select2-flag-container.select2-container .select2-selection {
    border-radius: 15px;
    padding: 3px 10px;
}

.select2-flag-dropdown .select2-results .select2-results__option img {
    width: 58px !important;
    height: 30px !important;
}
.select2-flag-dropdown li {
    text-align: center !important;
}

/* begin::modal */
.modal-footer {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    border-top: 1px solid #d9d9d9 !important;
}
/* end::modal */

/* begin::autocomplete */

.autocomplete-container {
    position: relative;
    display: inline-block;
}

.autocomplete-container input {
    padding-right: 30px; /* Space for the spinner */
}

.loading-spinner {
    position: absolute;
    top: 50%;
    right: 10px; /* Adjust as needed */
    transform: translateY(-50%);
    display: none;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top: 4px solid #d9d9d9;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* end::autocomplete */

/* begin::fullcalendar */
.fc table {
    font-weight: 500;
}

.fc-toolbar-chunk:has(button.fc-prevCustom-button) {
    display: flex;
    align-items: center;
}

.fc-daygrid-day {
    cursor: pointer;
}

.fc-daygrid-day-frame {
    display: flex;
    flex-direction: column;
    height: 150px;
}

.fc-daygrid-day .fc-daygrid-day-events {
    overflow-y: auto; /* Enable scroll within each day cell */
    overflow-x: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.fc-daygrid-day-bg {
    flex-shrink: 0;
}

.fc-daygrid-day .fc-daygrid-day-events:has(.fc-daygrid-event-harness) {
    display: block;
}

.fc-scroller {
    height: auto !important;
    overflow-y: hidden !important;
}

.fc .fc-daygrid-day-top {
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.fc .fc-daygrid-day-top .total-events {
    color: #0029FF;
    padding: 4px;
    font-size: 1em;
}

.fc-daygrid-event-harness {
    margin-bottom: 3px;
}

.fc-h-event {
    border-width: 0px !important;
    border-radius: 6px !important;
}

.fc .fc-today-button {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 6px 26px !important;
    color: #000000 !important;
    border: 1px solid #d9d9d9 !important;
    background-color: #F5F5F5 !important;
}

.fc th.fc-day-sun a{
    color: #FF0000 !important;
}

.fc th.fc-day-sat a{
    color: #072FFF !important;
}

.fc-day-disabled {
    background: #f4f4f4 !important;
    cursor: not-allowed;
    text-align: center;
}

.fc-day-disabled .fc-day-disabled-description {
    font-weight: 500;
    text-align: center;
    color: #bdbdbd;
    width: 100%;
    height: 100%;
}

.fc .fc-day-disabled .fc-daygrid-day-number {
    opacity: 0.3 !important;
}

.fc .fc-day-custom-selected {
    border: 5px solid #072FFF !important;
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 1 !important;
}

.fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number {
    color: #6c2ef1 !important;
}

/* end::fullcalendar */

.tooltip-inner {
    max-width: none; /* Remove the default max-width */
    white-space: pre-line; /* Allow line breaks */
    word-wrap: break-word; /* Break long words */
}

/* jquery autocompelte */
ul.ui-menu {
    border: 0 !important;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .1) !important;
    border-radius: .475rem;
}

/* Icon for input, select ... */
.wrap_icon {
    display: flex !important;
    align-content: center !important;
    align-items: center !important;
}
.field-icon {
    float: right;
    margin-left: -30px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
}
/* end: Icon for input, select ... */