@charset "utf-8";
@import "style.css";
@import "dark.css";
/* CSS Document */

body,td,th	{ font-family: Tahoma,Helvetica,sans-serif}
a { text-decoration: none } img	{ border:none} #wrap,h1#body,#header,.container	{ width:939px; margin:0 auto; position:relative} *	{ margin:0; padding:0} 
#header {  overflow: hidden; padding: 0 0 6px}
h1#body	{ font-size:14px; color:#FFF; margin:4px auto}
#fixL { position: absolute; right: 0; top: -20px; z-index: 100}
#fixL img { margin:0 5px}
.logo {width: auto;height: 36px;float: left;/* margin-bottom: 15px; */}
.logowide {width: 170px;height: auto;float: left;/* margin-bottom: 15px; */}

.red	{ color:#F00 !important}
.green	{ color:#008000 !important}
.fr { float: right}
.fl { float: left}
.clr	{ clear:both}
.clr10	{ height:10px; clear:both} .clr5	{ height:5px; clear:both}
ul	{ list-style-type:none}
.center	{ text-align:center}
.none	{ display:none}
.submit_btn { background: url("../img/bgbutton.gif") repeat-x scroll left top transparent; border: 1px solid #366BAE; color: #FFFFFF; display: inline-block; font-family: tahoma; font-size: 12px; font-weight: bold; height: 25px;line-height: 25px; padding: 0 9px;text-decoration: none; text-transform: uppercase; cursor:pointer; vertical-align:middle}
/*ct*/

.listCat li a {
	background:url("../img/rss.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	padding-left:20px !important; line-height:16px !important;
}
.list ul li {
width: 190px;}
.box	{ border:1px solid #d7d7d7; padding:1px}
.ct-alert	{ width:80%; margin:0 auto; text-align:justify}

.m1 {  width: 285px }
.m2 {  width: 254px }
.m3 { width: 129px}
.m4 {  width: 99px; text-align:center}
option	{ padding-left: 5px}
.content {
	padding: 10px;
}
p.content {
	padding-left: 10px;
}
p.thongbao {
	padding-left: 25px;
	margin-left:5px;
	background:url('../img/pin.png') no-repeat scroll left top transparent;
}
p.info {
	padding-left: 25px;
	margin-left:5px;
	background:url('../img/big.png') no-repeat scroll left top transparent;
}
p.rss {
	padding-left: 25px;
	margin-left:5px;
	background:url('../img/rss.gif') no-repeat scroll left top transparent;
}
h1.title	{font-size: 30px;font-weight: normal;line-height: 36px;align-content: center;}
h2.title	{ font-size: 12px; font-weight: normal; line-height: 23px; background:url('../img/big.png') no-repeat scroll left top transparent; padding-left:20px }
h2.title strong	{ color:#9F224E}

h2.title-cat	{ font-size: 13px; font-weight: bold; line-height: 23px; background:url('../img/pin.png') no-repeat scroll left top transparent; padding-left:20px }
h1.title-cat {
    display: block;
    font-size: 1.35em;
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;
    font-weight: bold;
    padding-left: 2px;
    /* padding-bottom: 10px; */
    line-height: 36px;
    /* border-bottom: 1px solid #eee; */
}
h3.title-cat{
    display: block;
	font-size: 1.4em;
	line-height: 23px;
}
.changeSlide a	{ background: url("../img/bulldow.gif") no-repeat scroll right 5px transparent;
    color: #366BAF;
    font-weight: bold;
    padding: 0 17px 0 0;
    text-align: right }
.list	{  border-top: 1px dotted #CCCCCC; font-size: 11px; }
.listCat	{ padding:10px 15px 0px}
.CAT li	{ width:225px }
.list ul li	{ float:left }
.listCat li a {
    background: url("../img/bull1.gif") no-repeat scroll 4px 5px transparent;
    display: block;
    padding-left: 15px; color:#464646; margin:5px auto
}
.list a:hover	{ color:#9F224E; text-decoration:underline}
.pages {padding: 0 0 8px; display:inline-block; width:100%}
.pages a { background-color:#F3F3F3; border: 1px solid #C4C4C4;  display: inline-block; font-size: 12px; height: 22px; line-height: 22px; margin-right: 2px; padding: 1px 8px;  text-align: center; text-decoration: none}
.pages a:hover, .pages a.active, .pages a.selected { background: none repeat scroll 0 0 #366BAD; border: 1px solid #C4C4C4;  color: #FFFFFF; display: inline-block;  font-size: 12px; height: 22px; line-height: 22px; text-align: center}

#dark_screen {  background: none repeat scroll 0 0 #333333;  display: none;  height: 100%; opacity: 0.85; position: fixed; width: 100%; z-index: 100000}
#popup { background: #FFF; display: none;  position:fixed; margin-top:10px; width: 700px; z-index: 100000}
/*ft*/

#footer ul li {
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0 3px;
    white-space: nowrap; color:#999
}
#footer ul li a	{ color:#467DBF}
.sociallink {
	padding: 10px;
	text-align: center;
	height: 100px;
}
.sociallink .fa-stack {
	width: 2em;
	margin-left: 0.75rem;
	margin-right: 0.375rem;
	font-size: 1.4rem;
	float: right;
	margin-top: 2.5rem;
}

.sociallink .fa-stack .fa-stack-1x {
    color: #fff !important;
	transition: all 0.2s ease;
}

.sociallink .fa-stack .fa-stack-2x {
	color: #999;
	transition: all 0.2s ease;
}

.sociallink .fa-stack:hover .fa-stack-1x {
	color: #fff;
}

.sociallink .fa-stack:hover .fa-stack-2x {
    color: #555;
}
/*****************************/
/*     19. Custom Bootstrap     */
/*****************************/	

.badge-nhadat {
    color: #fff;
    background-color: #e87205;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
/* Min-width 300px */
@media (min-width: 360px) {
	
	.row {
		min-width: 350px !important;
	}
}
html {
	/*background:linear-gradient(to right,#3987f4,#cd3178);*/
	background: rgb(34,91,195);
	background: -moz-linear-gradient(83deg, rgba(34,91,195,1) 0%, rgba(216,45,253,1) 100%);
	background: -webkit-linear-gradient(83deg, rgba(34,91,195,1) 0%, rgba(216,45,253,1) 100%);
	background: linear-gradient(83deg, rgba(34,91,195,1) 0%, rgba(216,45,253,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#225bc3",endColorstr="#d82dfd",GradientType=1);
	}
#data {
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
	background:transparent;
	/* padding-top: 10px; */
}
#Container2 {
	position:absolute;
	left:8px;top:8px;
	width:400px;
	height:32px;
	margin:0;
	color:#4C4C4C;
	text-align:center;
	background:transparent;
	padding-top:0px;
	overflow-x:hidden;
	overflow-y:hidden;
}
#Container1 {
	position:absolute;
	left:64px;top:224px;
	width:400px;
	height:32px;
	margin:0;
	padding:7px;
	min-height:100px;
	overflow-x:hidden;
	overflow-y:hidden;
	font-size:12px;
	background-color: #fff;
}
.content {
	float: left;
	width: 100%;
	background-color: #fff;
	text-align: left;
}
.content-header {
	width: 100%;
	background-color: #fff;
	text-align: left;
	height: 50px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
#copyright {
	color: #fff;
    padding-top: 10px;
}
#DialogContainer1 {margin-left:auto;margin-right:auto;width:900px;height:600px;}

/* CONTACT BUTOTON CSS */
 
#support ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
 
#support a {
    text-decoration: none;
    color: #333;
}
 
/* Icon Click */
 
#support {
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 60px;
    height: 60px;
    z-index: 99999;
}
 
#iconChat {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right,#1373fc,#ff0082);
    cursor: pointer;
    border-radius: 99px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(255 168 168 / 60%);
}
 
#iconChat:before {
    content: "\f095";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 10px;
    left: 10px;
    color: #0149ff;
    background: #fff;
    border-radius: 99px;
}
 
 
/* Style Option Tab */
 
#option {
    background: center no-repeat #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    width: 235px;
    position: absolute;
    bottom: 60px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 10000;
    display: none
}
 
#option:before {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block!important;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    border-left: 10px solid transparent;
}
 
#option li {
    width: 100%;
}
 
#option li a {
    display: inline-block;
    padding: 8px 10px;
}
 
#option li:hover {
    background: #eee;
}
 
#option li a i {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #189eff;
    text-align: center;
    border-radius: 99px;
    color: #fff;
    margin-right: 8px;
}
 
/* Background Icon */
 
#option li a i.fa-facebook-messenger {
    background: #0078FF;
}
#option li a i.fa-facebook-square {
    background: #0078FF;
}

#option li a i.fa-phone {
    background: #4EB625;
}

#option li a i.fa-code {
    background: #000;
}

#option li a i.fa-eye {
    background: #FF643A;
}
#option li a i.fa-home {
    background: #FF643A;
}

#option li a i.fa-user-circle {
    background: #1859ff;
}
#option li a i.fa-comments {
    background: #1859ff;
}