/* .app, app-dashboard, app-root {
    background: url("/static/forest.jpg") no-repeat;
    background-size: cover;
} */
@font-face {
    font-family: "KhmerMEF2";
    src: url("/fonts/KhmerMEF2Regular.ttf"); /* IE9 Compat Modes */
}
@font-face {
    font-family: "KhmerMEF1";
    src: url("/fonts/KhmerMEF1.ttf"); /* IE9 Compat Modes */
}
@font-face {
    font-family: "Tacteing";
    src: url("/fonts/Tacteing.ttf"); /* IE9 Compat Modes */
}
.storage-attach-file .existing-file {
    overflow: hidden;
}
.company-info-wrapper table tr > td.company-info-label {
    position: relative;
}
.company-info-wrapper table tr > td.company-info-label span {
    position: absolute;
    right: 15px;
    /* top: 5px; */
}

.app-body main.main section > h2,
.app-body main.main h2 {
    font-family: "KhmerMEF2";
    font-size: 25px;
    margin-bottom: 20px;
}
.login-title {
    font-family: "KhmerMEF2";
    font-size: 25px;
}
#crudTable tbody > tr > td.dtr-control {
    display: revert !important;
}
.notification-wrapper {
    /* margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px; */
    /* border-radius: 5px; */
    background: #f8f8f8;
    padding: 5px;
    cursor: pointer;
}
.notification-wrapper.readed {
    background: #fff;
}
.notification-wrapper {
    position: relative;
}
.notification-wrapper::after {
    content: "";
    width: 103%;
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    bottom: -1px;
    transform: translate(-50%, -50%);
    left: 50%;
    right: 50%;
    border-radius: 5px;
}
.notification-content-wrapper {
    overflow-x: hidden;
}
.notification-content-wrapper .notification-wrapper:last-child::after {
    height: 0px;
}
.notification-content-wrapper .profile-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 210px;
}
.notification-content-wrapper .profile-name .posted-by {
    color: #757575;
    font-weight: bold;
    font-size: 11px;
}
.notification-content-wrapper .request-date {
    font-size: 12px;
    color: #6f6f6f;
}
.notification-content-wrapper .request-reason {
    max-width: 215px;
    font-size: 13px;
    color: #6f6f6f;
}
.badge-status-wrapper .badge {
    padding: 5px 11px 3px 11px;
}
.form-request-wrapper input:focus {
    box-shadow: none;
}
.form-request-wrapper input::placeholder {
    color: #000;
}
.show-crud-wrapper table tbody tr td {
    position: relative;
}
.show-crud-wrapper table tbody tr td strong span {
    position: absolute;
    right: 0;
}
#previewRequest .input-dot {
    text-indent: 5px;
    color: #000;
    height: 100%;
}
.form-request-wrapper textarea {
    margin-left: 10px;
    color: #000;
}
.form-request-wrapper textarea::placeholder {
    color: #000;
    text-indent: 0px !important;
}
.form-request-wrapper textarea:focus {
    box-shadow: none;
}
.swal-modal {
    border-radius: 10px;
}
.noti-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .signature-pad-owner-wrapper  {
    position: relative;
} */
/* #signature-pad-owner {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 5px;
    position: relative;
} */