body{
		background: #F3F3F4;
	}
	.hbox {
		clear: both;
		margin-bottom: 15px;
		margin-top: 0;
		padding: 0;
	}
	.hbox::after, .hbox::before {
		display: table;
	}
	.panel-body {
		padding: 5px;
		border-radius: 0;
	}
	.panel-heading {
		padding: 5px;
		border-radius: 0;
	}
	.panel {
		border-width: 0;
		border-radius: 0;
	}
	.hbox-content {
		background-color: #ffffff;
		border-color: #e7eaec;
		border-image: none;
		border-style: none solid solid ;
		border-width: 1px 0;
		padding: 12px 10px 8px;
	}
	.hbox-icon {
		border-color: #e7eaec;
		border-image: none;
		border-style: none solid solid;
		border-width: 1px 0;
		padding: 10px;
	}
	.navbar-default .navbar-nav > li > a{
	    font-family: byekan;
		font-size: 17px;
	}
	.navbar-brand{
	    font-family: byekan;
		font-size: 17px;
	}
	.navbar-default .navbar-nav > li > a.active{
	
	}.hbox-symbol {
        float: right;
    padding: 10px;
}
.first-row{
    text-align: center;
}
.first-row .panel-heading i{
font-size: 80px;
}
.first-row .panel-body {
    font-family: byekan;
    font-size: 18px;
    text-align: center;
}
.first-row .panel-body a {
    font-family: byekan;
    font-size: 18px;
}
.hbox-content.media-body > a {
    color: #555555;
    font-family: byekan;
    font-size: 17px;
}
.hbox-content:hover > a {
    color: #333333;
}
.modal-content {
    border: 15px solid #bcbcbc;
    color: #333333;
    font-family: tahoma;
    padding: 20px;
}
img.img-responsive {
    margin: auto;
}