#navbar-iframe {height:0px;visibility:hidden;display:none}
body, .body-fauxcolumn-outer {padding:0; margin:0 auto; border:1px solid #CCC3C3; max-width:698px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; line-height: 1.5;font-size:13px;background-color:#999; background-repeat:repeat;border-top:none;border-bottom:none;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}
a {text-decoration:none;}
ul {margin:0;padding:0;}
.clr {clear:both;}
/* Header */
.text-center{ text-align:center;line-height: 15px;font-size: 14px; padding-right: 5px; margin-bottom: 5px; padding-top: 10px;}
.btn-magick {
    color: #fff;
    background-color: #eee5cd;
    border-color: #1d3f39;
    text-shadow: 1px 1px 0 #1d7057;
	padding: 7px;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.login {
    margin: 10px;
    border-radius: 10px;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-info {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
	width: 100%;
}
.font-weight-bold {
    font-weight: 700!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
/*-----Main Content----*/
#main-content {background-color:#eee5cd;}
/* New Game */
.new-game {display:table;background:#eee5cd;float:left;width:100%}
.new-game2 {padding: 10px 10px 0px 10px;}
.new-game2 h2 a {background: mediumseagreen;}
.new-game2 h2 a:hover {background:#1d7057}
.new-game h2 {text-align: left;font-size: 1.75rem;float: left;width: 100%;font-family: inherit;font-weight: 500;color: #343a40;text-align: center}
.new-game span { font-size:16px;color:#343a40;padding:5px 5px 20px 5px;float:left;}
.new-game .img_gt { width:98%;float:left;text-align: center;}
.dangkyfo3 span { font-size:16px;color:#343a40;float:left;padding-bottom: 0px !important;width: 100%;}
.new-game .img_gt img { width:100%;}

/*---- Footer---- */
#footer {background:#eee5cd;float: left;width: 100%;margin-top:5px;}
#footer p {padding:0px 5px;margin:0;}
#footer .author { text-align:center;padding:10px;font-size:14px;color:black; line-height: 22px;}
/*---- End ----*/

.formreg {
	width: 100%;
	float:left;	
}
.formreg input{
	display: block;
    width: 100%;
    height: 44px;
    padding: 0px 10px;
    color: #333;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,0.68);	
}
.formreg select{
	display: block;
    width: 100%;
    height: 44px;
    padding: 0px 10px;
    color: #333;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,0.68);	
}
.formreg textarea {
	font-family: 'Quicksand',sans-serif;
    color: #333;
    height: 98px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    outline: none;
    margin-bottom: 10px;
    background: rgba(255,255,255,0.68);
}
.formcc {
	width: 100%;
	float:left;	
}
.formcc input{
	float:left;
	display: block;
    width: 150px;
    height: 44px;
    padding: 0px 10px;
    color: #333;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,0.68);	
}
.formcc img{
	float:left;
	padding: 12px 0px 0px 13px;
}
.dangkyfo {
	padding-bottom: 20px;
	float:left;
	width: 100%;
}
.table {	
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
	font-size: 16px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #bd846e;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #bd846e;
}
th {
    text-align: inherit;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #bd846e;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #bd846e;
}
.dangkyfo .boxloi {
	width: 100%;
	float: left;
	padding-bottom: 15px;
}
.boxloicon {	
	padding-bottom: 0px!important;
}
.dangkyfo .listloi {
	background-color: #fdf8da;
    border: 1px solid #ffdbb3;
    border-radius: 16px;
    box-shadow: 0 3px 4px rgba(0,0,0,.051);
    padding: 10px 0px;
	float: left;
	width: 100%;
}
.dangkyfo .listloi .thongtin .tieude a{ color: 0d6efd;}
.dangkyfo .listloi .thongtin .tieude a:hover{ color:#1d7057}
.dangkyfo .listloi .imgloi {
	width: 15%;
	float: left;
	text-align: center;
}
.dangkyfo .listloi .thongtin {
	float: left;
	width: 85%;
}
.dangkyfo .listloi .thongtin .tieude {
	width: 100%;
	float: left;
	font-weight: 700;
	color: 0d6efd;
	line-height: 22px;
    font-size: 15px;
}
.dangkyfo .listloi .thongtin  .caikhac{
	line-height: 22px;
	font-style: italic;
}
.dangkyfo .listloi2 {
	float: left;
	width: 100%;
    padding-bottom: 10px;
}
.dangkyfo .listloi2 .imgbv {
	width: 15%;
	float: left;
	text-align: center;
	padding-top: 5px;
}
.dangkyfo .listloi2 .imgbv p {
	margin: 0px;
	padding: 0px;
	color: red;
	font-weight: 700;
}
.dangkyfo .listloi2 .bvv {
	float: left;
	width: 85%;
	background-color: #fdf8da;
    border-radius: 15px;
    box-shadow: 0 3px 4px rgba(0,0,0,.051);
    padding: 5px 0px;
}
.dangkyfo .listloi2 .bvv .idbv {
	width: 100%;
	float: left;
	font-weight: 700;
	color: #0d6efd;
	line-height: 22px;
    font-size: 15px;
    padding: 0px 5px 0px 5px;
}
.dangkyfo .listloi2 .bvv .time {
	font-style: italic;
    padding: 0px 5px 0px 5px;
    color: #6c757d!important;
	font-size: 11px;
}
.dangkyfo .listloi2 .bvv .ndbv{
	line-height: 22px;
    padding: 5px 5px 0px 5px;
}
.dangkyfo .page {
	width: 100%;
	float: left;	
    text-align: center;
}
.dangkyfo .page a { background:mediumseagreen;margin-right: 10px!important;border-radius: 5px;}
.dangkyfo .page a:hover{ background:#1d7057;margin-right: 10px;border-radius: 5px;}