@font-face {
  font-family: Atomicage;
  src: url('../fonts/atomicage-regular.ttf');
}


@media (max-width: 992px) {
	#card-beosztas 
	{
		width: 100% !IMPORTANT;
	}
}

@media only screen and (max-width: 800px) {
	#unseen table td:nth-child(2), 
	#unseen table th:nth-child(2) {display: none;}
}
 
@media only screen and (max-width: 640px) {
	#unseen table td:nth-child(4),
	#unseen table th:nth-child(4),
	#unseen table td:nth-child(7),
	#unseen table th:nth-child(7),
	#unseen table td:nth-child(8),
	#unseen table th:nth-child(8){display: none;}
}
		

#chat_send_button 
{
	position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.new-message
{
	background: rgba(255, 20, 20, 0.1) !IMPORTANT;
}

.progress-success
{
	height: 1rem;
    line-height: 1rem;
    color: #fff;
    background-color: #28a745;
    transition: width .6s ease;
}

.progress-danger
{
	height: 1rem;
    line-height: 1rem;
    color: #fff;
    background-color: #dc3545;
    transition: width .6s ease;
}

.navbar-brand 
{
	font-family: Atomicage;
	font-weight: bold;
}

.facebook-responsive 
{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.facebook-responsive iframe 
{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

.chat-username
{
	text-decoration: none !IMPORTANT;
}

#tooltip {
	display:none;
	position:absolute;
	z-index:10000000;
	color:#ffffff;
	font-weight:bold;
	padding:5px;
	font-size:12px;
	background-color:#000000;
	background-color: rgba(0,0,0,0.85); 
	border: 1px solid #a6c9e2; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}