@font-face {
	font-family: 'longago';
	
    
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_M.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'EULYOO';
    src: url('/fonts/EULYOO1945-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

nav{
	font-family: 'EULYOO';
}

.nav{
	font-family: 'EULYOO';
}

.blurEffect {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.pointer{
	cursor: pointer;
}

.point-header{
	background-color: #00825c;
	color : #FFF;
}
.select {
	box-shadow: 1px 1px 10px 1px #000000;
	
}
.btn-green{
	background-color: #28a745;
	color: #fff;
   
    border-color: #28a745;
}

.short{
	text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100px;
overflow:hidden;
}

body{
	background-color: #000;
}

.question{
	color: #fff;
}

.question2{
	color: #000;
}

.bg-light{
	background-color: #0e0e0e !important;
	color: #fff !important;
}

.bg-grey{
	background-color: #818181;
}

.font_body, body {
	font-family: 'longago', sans-serif;
}

@media (max-width: 768px){
	.p_hide {
   		display: none;
	}
	
	.navbar-nav{
		
	}	
}
@media (min-width: 768px){
	.m_hide {
   		display: none;
	}	
	
	.navbar-collapse{
		display : flex !important;
		flex-basis: auto;
	}
	
	.navbar-nav{
		flex-direction: row;
	}
}

.main{
	position: relative;
	max-width: 1024px;
	text-align: center;
}

.content{
	max-width: 720px;
}

.contentX2{
	max-width: 1024px;
}

.font_title{
	font-size: 1rem;
	font-weight: bold;
}

.msg-header{
	background-color: #000000;
	color: #FFFFFF;
}

.font_blue{
	color: #007bff;
}

.font_grey{
	color: #6c757d;
}

.font_wrong{
	color: #dc3545;
	font-weight: bold;
}

.font_green{
	color: #28a745;
	
}

.font_red{
	color: #dc3545;
}

.sub-menu{
	background-color: #000c0c;
	color : #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #e14141;
}

.nav a.nav-link{
	color : #FFFFFF;
}

.nav .nav-link.active{
	color: #ff0000;
    font-weight: bold;
}

.text-bold{
	font-weight: bold;
}

.bg-light{
	background-color: #f8f9fa;
}

.bg-white{
	background-color: #ffffff;
}

.chat-profile{
	width: 50px;
	height: 50px;
}

.chat-msg-con{
	background-color: #fdbebc;
	color: #000000;
}

.chat-recv-msg-con{
	background-color: #fff;
	color: #000000;
}
.chat-msg-time{
	font-size: 0.87rem;
	color: #fff;
}

.chat-sys-con{
	
    border-radius: 20px;
    background-color: #FFFFFF;
    color: #000000;
	
}

.NORMAL{
	color : #2e2e2e;
}

.VIP{
	color : #53b38f;
}

.RVIP{
	color : #0008ff;
}

.VVIP{
	color : #ff0000;
}

.placeholder {
  background-color: #f6f6f6;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.placeholder img {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s linear;
}

.placeholder img.loaded {
  opacity: 1;
}

.img-small {
  filter: blur(50px);
  /* this is needed so Safari keeps sharp edges */
  transform: scale(1);
}

.mainContent{
	max-width: 1920px;
}

.font_small{
	font-size: 0.8rem
}

pre{
	white-space: pre-wrap;
}



