@CHARSET "UTF-8";
body {
	font-family: 'Noto Sans KR', sans-serif !important;	
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none !important;
}

/* overridd bootstrap buttuns' style */
.btn.btn-lg {
	font-size: 120% !important;	
}
/*
.btn.btn-lg {
	height: 35px;
}
*/
.btn-xs {
	font-size: 90% !important;
	padding: 6px !important;
	margin: 2px;
	width: 65px;
	overflow: hidden;
}

.btn-xl, .form-control-xl {
	font-size: 130%;
	padding: 16px 0;
}

/* set my nav */
ul.my-nav {
	
}
ul.my-nav li {}
ul.my-nav a {
	border-radius: 4px;
	color: white;
	padding: 10px 20px;	
}
ul.my-nav a.active {
	
	background: blue;	
}
ul.my-nav a:hover {
	color: white;	
}

/* my card */
.card-simple-black {
	border: solid 2px #555;
	box-shadow: 0 0 0 0;
}

.page-title-alert {
	margin: 0;
	height: 57px;	
} 

/* set badge styles */
.badge {
	font-size: 80%;
	margin: 0;
	min-width: 40px;
	font-weight: normal;
	padding: 4px 8px;	
}

.btn-user-badge .my-badge {
}
.btn-user-badge .username {
	font-weight: bold;	
}
.btn-user-badge .nickname {
	color: #999;
}
.btn-user-badge {
	border: 0;
	text-align: center;
	background: transparent;
	padding: 0;
}

/* set date picker styles */
.datepicker  {
	z-index: 10000 !important;
}
.my-date-picker {
	max-width: 140px;
	
}
input.my-date-picker:read-only {
	background-color: white;
}

/* my table styels */
table.my-table {
}
table.my-table th {
	font-weight: normal !important;
	vertical-align: middle;
}

table.my-table th, table.my-table td {
	text-align: center;
	font-size: 110%;
	border: solid 1px #ddd;
}
table.my-table td.td-money {
	text-align: right;	
}
table.my-table th a.desc:after {
	content: '↓';
}
table.my-table th a.asc:after {
	content: '↑';
}

table.my-table-sm td {
	padding: 10px 10px;	
}

table.my-table th a.desc, table.my-table th a.asc {
	font-weight: bold;
	color: red;
	font-size: 110%;
}

table.my-table td.linker {
	font-size: 200% !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: right !important;
	vertical-align: top !important;
}
table.my-table td.member {
	background: white;
	margin: 0;
	padding: 10px 0;
}
table.my-table td.td-comm-rates {}
table.my-table td.td-comm-rates .float-right {
}
table.my-table td.td-comm-rates .float-left{
	color: #999;
}


/* etc set styles */
a.navbar-brand  img {
	max-height: 60px;
	height: 60px;
}
div.error-message {
	color: red;
	font-size: 90%;
}

.dropdown-menu-user {}
.dropdown-menu-user a.dropdown-item {
	padding: 10px 4px !important;
}
.dropdown-menu-user {
	z-index: 2000;
}
.alert {
	border-radius: 0px !important;
}
.input-shape-sustain {
	white-space: pre-line;
	word-break:break-all;
}

ul.list-group > a, div.list-group a {
	display: inline-block;
	
}
/* set numbver & money styles */
.money {
	font-weight: bold;
}
.money-plus {
	color: red;
}

.money-minus {
	color: #6c6cff;
}


/* UTIL */
.neonText {
  animation: flicker 1.5s infinite alternate;
  color: #fff;
}

/* Flickering animation */
@keyframes flicker {    
	0%, 18%, 22%, 25%, 53%, 57%, 100% {
		text-shadow:
		0 0 4px #fff,
		0 0 11px #fff,
		0 0 19px #fff,
		0 0 40px #0fa,
		0 0 80px #0fa,
		0 0 90px #0fa,
		0 0 100px #0fa,
		0 0 150px #0fa;  
	}  
	20%, 24%, 55% { text-shadow: none; }
}




.zoom {
	transition: transform .2s; /* Animation */
}
.zoom:hover {
	transform: scale(1.02) !important; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.moveup {
	transition: all .3s cubic-bezier(0,0,.5,1) !important;
}
.moveup:hover {
    margin-top: -20px;
    transition: all .3s cubic-bezier(0,0,.5,1);
    box-shadow: 0 20px 30px #1116;
}

.simple-user-badge {}
.simple-user-badge .username {	
	font-weight: bold;
	margin-bottom: 4px;	
	
}
.simple-user-badge .nickname {
	color: #888;	
	
}











.sticky-top {
	z-index: 950;	
}
.page-content {
	margin: 0 !important;
	padding: 0 0 0 0px !important;
}


.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F5F5F5 !important;
}








.rotate {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}