/* font face */
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/NotoSansKR-Thin.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Thin.woff') format('woff');
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/NotoSansKR-Light.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Light.woff') format('woff');
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/NotoSansKR-DemiLight.woff2') format('woff2'),
		url('../fonts/NotoSansKR-DemiLight.woff') format('woff');
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Regular.woff') format('woff');
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Medium.woff') format('woff');
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Bold.woff') format('woff');
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/NotoSansKR-Black.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Black.woff') format('woff');
	text-rendering: optimizeLegibility;
}


/* util */
.w-48 {
	width: 48%;
}

/* body */
body {
    font-family: "Poppins", 'NotoSansKR', -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
p, span, h1, h2, h3, h4, h5, h6, a {
    font-family: "Poppins", 'NotoSansKR', -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* dark mode toggle */
.dark-mode-wrapper {
    display: flex;
    align-items: center;
    height: 70px;
}
.dark-mode-wrapper .icon-wrapper {
    font-size: 22px;
    margin-right: 6px;
    opacity: 0.6;
}

/* top bar */
.topbar-nav .button-menu-mobile.nav-link i {
	font-size: 15px;
	line-height: inherit;
	color: inherit;
}
.user-thumb {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-image: linear-gradient(180deg, #8d7be9 0%, #52a1e2 50%, #20c2dc 100%);
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	vertical-align: middle;
	text-transform: uppercase;
}

/* side bar */
@media (max-width: 1024px) {
    .left-sidenav {
        top: 0 !important;
    }
}
.left-sidenav .main-icon-menu {
	width: 70px !important;
	height: 100vh !important;
	padding-bottom: 70px;
    background-image: linear-gradient(180deg, #8d7be9 0%, #52a1e2 50%, #20c2dc 100%) !important;
}
.left-sidenav .main-icon-menu .nav-link > i {
	font-size: 25px;
	color: rgba(255, 255, 255, 0.5);
}
.left-sidenav .main-icon-menu .nav-link.active > i {
	color: #fff;
}
.nav-link svg path {
	fill: #fff;
}
.nav-link svg g path {
	fill: rgba(255, 255, 255, 0.4);
}
/* page content */
.page-content {
	width: 100%;
}
@media (min-width: 1025px) {
	.page-content {
		width: calc(100% - 300px);
	}
	.enlarge-menu .page-content {
		width: 100% !important;
	}
}




/* pagination */
.pagination-wrapper {
    display: flex;
    justify-content: center;
}

/* custom select */
.custom-select {
    /* border-color: #e8ebf3; */
}

/* responsive table */
.table-responsive table tr th,
.table-responsive table tr td {
    vertical-align: middle;
    text-align: center;
}
.table-responsive table tr td {
    padding: 0.3rem;
}

.table-rep-plugin .table-wrapper {
    position: relative;
}
.table-rep-plugin .btn-toolbar {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 10px;
}
.table-rep-plugin .btn-default {
    border-color: #4d79f6;
    background-color: transparent;
    color: #4d79f6;
}
.table-rep-plugin .btn-default.btn-primary,
.table-rep-plugin .btn-default.btn-primary:active, 
.table-rep-plugin .btn-default.btn-primary:hover, 
.table-rep-plugin .btn-default.btn-primary:focus {
    border: 1px solid #4d79f6 !important;
    background-color: #4d79f6 !important;
    color: #fff !important;
    -webkit-box-shadow: 0 2px 6px 0 rgba(77,121,246,.5) !important;
    box-shadow: 0 2px 6px 0 rgba(77,121,246,.5) !important;
}
.table-rep-plugin .btn {
    margin-right: 0;
    margin-left: 5px !important;
    padding: 4px 8px;
    font-size: 12px;
}
.table-top {
    margin-bottom: 10px;
}
.table-top .btn-group {
    margin-right: 5px;
}

/* popup */
.popup-wrapper {
    padding-top: 0;
}
.popup-wrapper .page-content {
    min-height: 100vh;
    padding-bottom: 10px;
}

/* account page */
.light-mode.account-body.accountbg,
.dark-mode.account-body.accountbg {
	background-image: none;
}


/* light mode */
@media (max-width: 1024px) {
    .light-mode .enlarge-menu .topbar .topbar-left {
        background-color: #fff !important;
    }
    .light-mode .topbar .topbar-left {
        background-color: transparent;
    }
    .light-mode:not(.enlarge-menu) .topbar .topbar-left .logo {
        color: #fff !important;
    }
}

/* dark mode */
@media (max-width: 1024px) {
    .dark-mode .enlarge-menu .topbar .topbar-left {
        background-color: #1c233f !important;
    }
    .dark-mode .topbar .topbar-left {
        background-color: transparent !important;
    }
    .dark-mode:not(.enlarge-menu) .topbar .topbar-left .logo {
        color: #fff !important;
    }
}