@font-face {
	font-family: TH SarabunPSK;
	src: url(../../fonts/THSarabun/THSarabun.ttf);
 }
 @font-face {
	font-family: SarunsThangLuang;
	src: url(../../fonts/SarunThangLuangRegular.ttf);
 }
 @font-face {
	font-family: 'Sarun\'s ThangLuang';-inkscape-font-specification:'Sarun\'s ThangLuang';
	src: url(../../fonts/SarunThangLuangRegular.ttf);
 }


.theme-light {
	--color-primary: #0060df;
	--color-secondary: #fbfbfe;
	--color-accent: #fd6f53;
	--font-color: #000000;
	--box-header-color: #fbfbfe;
	--box-content-color: #fbfbfe;
	--table-header: #b3b6b7;
	--table-body: #ecf0f1;
}
.theme-dark {
	--color-primary: #17ed90;
	/* --color-secondary: #243133; */
	--color-secondary:black;
	--color-accent: #12cdea;
	--font-color: #ffffff;
	/* --box-header-color: #2e4053; */
	/* --box-content-color: #566573; */
	--box-header-color:black;
	--box-content-color:black;
	--table-header: #b3b6b7;
	--table-body: #ecf0f1;
}
.container-theme {
	background: var(--color-secondary);
}
.font-color-theme {
	color: var(--font-color);
}
.box-header-theme {
	background: var(--box-header-color);
}
.box-content-theme {
	background: var(--box-content-color);
}
table>thead>tr {
    background-color: var(--table-header) !important;
}
/* table>tbody>tr {
    background-color: var(--table-body) !important;
} */
/* td.table-cell-edit{
    background-color: #ecf0f1;
} */

#main {
    overflow-x: hidden;
    transition: 0.5s;
}
#sidebar {
    background-color: #d5d8dc;
    overflow-x: hidden;
    transition: 0.5s;
}

.rotate_text {
    transform: rotate(-9deg);
    font-size: 0.8em;
}

.cut_text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.padding_left_right_4px {
	padding-left: 4px;
	padding-right: 4px;
}