@font-face {
	font-family: 'sysFont';
	src: url('../../fonts/en/Segoe-UI.ttf');
}
html {
    color : #f5f5f5;
    font-size: 15px; /* Font size 14px is too small */
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    font-family: 'sysFont', 'Khmer OS Battambang';
}
.sysFont {
    font-family: 'sysFont', 'Khmer OS Battambang';
}
body h2.swal2-title {
    font-family: 'sysFont', 'Khmer OS Battambang';
    font-size: 18px;
}
.swal2-html-container ul {
    list-style-type: circle;
}
.swal2-html-container li {
    font-family: 'sysFont';
    font-size: 14px;
}
body .navbar-top {
    background-color: #0747a6;
}
body .navbar-top .navbar-nav .nav-item a.nav-link {
    padding-top: 13px;
    /* padding-left: 15px; padding-right: 15px; */
    color : #f5f5f5!important;
    font-family: 'sysFont', 'Khmer OS Battambang';
    font-weight: 400;
}
.btn{
    font-size: 14px;
	padding: 0.381rem 1rem;
}
.btn i{
    font-size: 14px;
}
.sidebar-menu {
    height: calc(100% - 16px);
    margin-bottom: 16px;
}
.sidebar-menu, .sidebar-menu li {
    background-color: unset;
    border: unset!important;
}

.sidebar-menu > li.active a::before {
	content: unset;
}

.sidebar-menu > li > a {
    font-size: 14px;
    padding: 9px 15px;
    font-family: 'sysFont', 'Khmer OS Battambang';
    font-weight: 600;
    white-space: nowrap;
}

.dt-buttons .btn-sm {
    background: none!important;
    padding-left: 5px;
    padding-right: 5px;
}
.dt-buttons .btn-sm span {
    font-weight: bold;
    color: #475f7b;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: 'Rubik', 'Khmer OS Battambang';
}
.nav-link.btn-sm.active,
.nav-link.btn-sm {
    font-size: 14px;
    padding: 0.381rem 1rem !important;
}

.dataTables_wrapper .table-striped thead th {
    text-align: left;
    font-family: 'sysFont', 'Khmer OS Battambang';
}

html body .table tbody td:not(.dataTables_empty), .table-padding-sm tbody th, .table-padding-sm tbody td:not(.dataTables_empty) {
    padding: 5px 3px !important;
    text-align: left!important;
    color: #333;
    font-size: 14px;
    font-weight: 100;
}

.d_link {
    color: #0052cc;
}
.d_link:hover {
    text-decoration: underline;
}
.d_link:active {
    color: green;
}

.card.header-fixed{
    position: relative;
}
.card.header-fixed .card-header.fixed-top{
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 99999;
}
table.is-invalid tr th{
    border-top: 1px solid #ff5b5c !important;
    border-left: 1px solid #ff5b5c !important;
    border-right: 1px solid #ff5b5c !important;
}
table.is-invalid tr:last-child td{
    border-bottom: 1px solid #ff5b5c !important;
}
table.is-invalid tr td:first-child{
    border-left: 1px solid #ff5b5c !important;
}
table.is-invalid tr td:last-child{
    border-right: 1px solid #ff5b5c !important;
}

@keyframes db_status {
	from { color: greenyellow; }
	to { color: #fff; }
}

body ul.navbar-nav li.nav-item a.db_status span{
    color: red;
    animation: db_status 1s infinite alternate;
}
body ul.navbar-nav li.nav-item a.db_status i{
    color: red;
    animation: db_status 2s infinite alternate;
}

.notification_wrapper a.unread {
    color: #0747a6;
    font-weight: bold;
}

.notification_wrapper a {
    text-transform: none!important;
    padding : 10px 10px;
    font-family: 'sysFont', 'Khmer OS Battambang';
    color: #475f7b;
}

body .navbar-top .navbar-nav.nav-right .nav-item a.nav-link {
    padding-left: 5px;
    padding-right: 5px;
}

#datatables_server thead tr,
#datatables thead tr {
    background-color: #eee;
}

#datatables thead tr > *,
#datatables_server thead tr > * {
    vertical-align: bottom;
    white-space: nowrap;
    border-bottom: 2px solid #888;
    font-family: 'Rubik', 'Khmer OS Battambang' !important;
    font-size: 12px;
    letter-spacing: -0.3px;
}
.table tr.delete-row > td {

}
.table tr.delete-row > td {
    position: relative;
	color: #828d99 !important;
}
.table tr.delete-row > td:before {
    content: " ";
    position: absolute;
    top: 49%;
    left: 0;
    border-bottom: 2px solid red;
    width: 100%;
}

/* Uploader preview image */
.uploader-image-container {
    display: inline-block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    background: rgba(0,0,0, 0.8);
    margin: 2px;
    position: relative;
    border-radius: 5px;
}
.uploader-image-container .cover-button {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 100%;
    left: 0px;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;    /* Center vertically */
}
.uploader-image-container:hover .cover-button {
    top: 0px;
}
.uploader-image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    margin: auto;
}

.accordion .card .card-header, .badge, .collapsible .card .card-header, .modal .modal-content .modal-header .modal-title {
    font-family: 'sysFont', 'Khmer OS Battambang';
}
select[readonly].select2-hidden-accessible+.select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
    box-shadow: none;
}
select[readonly].select2-hidden-accessible+.select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible+.select2-container .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--single,
.input-group:has(input:is(:disabled)) .input-group-text {
    background: #f2f4f4 !important;
    border-color: #f2f4f4 !important;
    color: #475f7b !important;
}
.form-control:disabled {
    color: #475f7b !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #475f7b !important;
}